:root{--ink:#172438;--muted:#475569;--paper:#f4f6f8;--line:#aeb9c7;--accent:#174c77;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 Tahoma,Arial,sans-serif}a{color:var(--accent);text-underline-offset:4px;overflow-wrap:anywhere}header{background:var(--ink);color:white;display:flex;justify-content:space-between;gap:20px;padding:20px 32px}header a{color:white}.brand{font-weight:bold;text-decoration:none}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1500px;margin:auto}nav{padding:28px 16px}nav a{display:block;padding:12px 16px;margin-block-end:6px;border-radius:8px;text-decoration:none;color:var(--ink)}nav a[aria-current]{background:var(--ink);color:white}nav form{margin-block-start:24px}main{padding:30px;min-width:0}h1{font-size:28px;margin:0 0 12px}h2{font-size:18px;margin:0}p,small{color:var(--muted)}small{display:block;font-size:14px}.login{grid-column:1/-1;width:min(100%,500px);margin:35px auto;background:white;border-radius:12px;padding:32px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}.metric{background:white;border:1px solid var(--line);padding:22px;border-radius:10px;text-decoration:none;display:flex;flex-direction:column;gap:8px}.metric strong{font-size:36px;color:var(--ink)}.toolbar,.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.records{margin-block:20px}.records article{display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;border-bottom:1px solid var(--line);padding:20px}.records article>div{min-width:0}.status{color:var(--muted);font-size:14px}.empty{padding:32px;background:white}.button,button{display:inline-block;background:var(--accent);color:white;border:1px solid var(--accent);border-radius:6px;padding:10px 20px;min-height:44px;font:inherit;text-decoration:none;cursor:pointer;text-align:center}.secondary{background:white;color:var(--ink);border-color:var(--line)}label{display:block;margin-block:18px 6px;font-weight:bold}input,select,textarea{display:block;width:100%;background:white;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:11px;font:inherit;min-height:46px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:#0950b5;box-shadow:none}button:focus-visible,a:focus-visible{outline:2px solid #0950b5;outline-offset:3px}button:hover,.button:hover{filter:brightness(.94)}form>button{margin-block-start:24px}.editor{max-width:900px;background:white;padding:24px;border-radius:10px;margin-block-start:20px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.notice{padding:16px;margin-block:16px;border:1px solid #b42318;border-radius:6px;background:#fff4f2;color:#8b1911}.skip{position:fixed;top:-100px;padding:12px;background:white;z-index:2}.skip:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){header{padding:18px;flex-wrap:wrap}.shell{display:block}nav{display:flex;flex-wrap:wrap;gap:4px;padding:12px}nav a{padding:8px 12px}nav form{margin:0}main{padding:20px}.fields{grid-template-columns:1fr}.editor{padding:18px}.login{margin:20px auto}.records article{padding:16px;gap:12px}.metrics{grid-template-columns:1fr}.toolbar .button{width:100%}} 

.notice.success{background:#eef8f1;border-color:#217442;color:#16532e}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{border-color:#b42318}

dt{font-weight:bold;margin-block-start:16px}dd{margin:0;overflow-wrap:anywhere}.message{white-space:pre-wrap}
.request-page{width:min(100%,720px);margin:32px auto;background:white;border-radius:10px}.honeypot{display:none}@media(max-width:760px){.request-page{width:calc(100% - 32px);margin:20px 16px;padding:20px}}
.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;margin-block:24px}.catalog-card{background:white;border:1px solid var(--line);border-radius:10px;padding:24px;min-width:0}.catalog-card p,.editor .message{overflow-wrap:anywhere}.catalog-price{font-weight:bold;color:var(--ink)}
.site-contact{max-width:1200px;margin:24px auto;padding:24px;overflow-wrap:anywhere}
