:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#18342b;background:#f4f1e9;--green:#12372a;--lime:#d9f99d}*{box-sizing:border-box}body{margin:0;min-height:100vh}header{background:var(--green);color:#fff;padding:42px max(24px,calc((100% - 1100px)/2));display:flex;justify-content:space-between;align-items:start}h1{font-size:clamp(34px,6vw,64px);margin:4px 0;letter-spacing:-.05em}header p{opacity:.72;margin:0}.eyebrow{color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.16em}.pill{border:1px solid #ffffff35;border-radius:999px;padding:10px 14px;font-size:13px}.pill.ok{background:#d9f99d;color:#12372a}.pill.off{background:#f8d7da;color:#721c24}main{max-width:1100px;margin:-24px auto 60px;padding:0 22px}.status-grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:14px}.status-grid article,.catalog{background:#fff;border-radius:18px;padding:22px;box-shadow:0 12px 35px #12372a12}.status-grid span{display:block;font-size:13px;color:#6d7b75}.status-grid strong{font-size:28px;display:block;margin-top:8px}.wide{position:relative}.wide strong{font-size:16px}button{border:0;cursor:pointer;font:inherit}.wide button{position:absolute;right:18px;bottom:18px;background:var(--green);color:#fff;padding:10px 14px;border-radius:10px}nav{display:flex;gap:8px;margin:28px 0 12px}.tab{padding:11px 18px;border-radius:999px;background:#e4e3dc;color:#526159}.tab.active{background:var(--green);color:#fff}.catalog label{font-size:13px;font-weight:700}.catalog input{display:block;width:100%;margin-top:8px;padding:14px 16px;border:1px solid #d8ddd9;border-radius:12px;font:inherit}.list{margin-top:18px}.row{display:grid;grid-template-columns:90px 1fr auto;gap:16px;padding:15px 4px;border-top:1px solid #edf0ed;align-items:center}.row .code{font-family:ui-monospace,monospace;color:#748079}.row strong{font-size:15px}.row small{display:block;color:#748079;margin-top:4px}.value{font-weight:750}.empty{padding:35px;text-align:center;color:#748079}#message{color:#9a5b00;padding-top:12px}footer{text-align:center;color:#748079;padding:25px;font-size:13px}@media(max-width:720px){header{padding-top:28px}.status-grid{grid-template-columns:1fr 1fr}.wide{grid-column:1/-1}.row{grid-template-columns:55px 1fr}.value{grid-column:2}.pill{font-size:0}.pill:before{content:'●';font-size:16px}.wide button{position:static;margin-top:14px}.status-grid strong{font-size:23px}}
