:root{--bg:#f4f6f8;--panel:#fff;--ink:#14212b;--mute:#5b6b78;--line:#d9e0e6;--brand:#0b2a43;--accent:#0a6cb0;--accent-ink:#fff;--ok:#17673a;--ok-bg:#e3f4ea;--warn:#8a5300;--warn-bg:#fdf0d8;--bad:#a3231b;--bad-bg:#fbe4e2;--info:#0a5a94;--info-bg:#e2f0fa;--radius:8px;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--bg:#0e1620;--panel:#16222e;--ink:#e6edf2;--mute:#9fb0bd;--line:#2a3a49;--brand:#07131e;--accent:#4fa8e0;--accent-ink:#04121c;--ok:#7ad79b;--ok-bg:#12301f;--warn:#f0be6a;--warn-bg:#36280c;--bad:#ff9c94;--bad-bg:#3a1613;--info:#8ac8f2;--info-bg:#10293d}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{margin:0 0 1rem;font-size:1.6rem;line-height:1.2}h2{margin:1.5rem 0 .6rem;font-size:1.15rem}h3,.h3{margin:0 0 .15rem;font-size:1.05rem}a{color:var(--accent)}.mono{font-family:var(--mono);word-break:break-all;font-size:.95em}.muted{color:var(--mute)}.small{font-size:.875rem}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{position:absolute;left:-999px}.skip:focus{z-index:20;background:var(--panel);border-radius:6px;padding:.5rem .75rem;top:8px;left:8px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.topbar{background:var(--brand);color:#fff}.topbar-inner{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;max-width:1080px;margin:0 auto;padding:.6rem 16px;display:flex}.brand{color:#fff;flex-direction:column;line-height:1;text-decoration:none;display:flex}.brand-name{letter-spacing:.02em;font-size:1.15rem;font-weight:700}.brand-sub{letter-spacing:.25em;text-transform:uppercase;color:#8fc9ef;font-size:.7rem}.env-badge{color:#3b2a00;letter-spacing:.08em;background:#f0b429;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.nav{gap:.25rem;margin-left:auto;display:flex}.nav a{color:#cfe3f2;border-radius:6px;padding:.4rem .7rem;text-decoration:none}.nav a:hover{background:#ffffff1a}.nav a.active{color:#fff;background:#ffffff2e}.user{align-items:center;display:flex}.menu-btn{color:#fff;background:0 0;border:1px solid #fff6;border-radius:6px;margin-left:auto;padding:.3rem .65rem;font-size:1.1rem;display:none}@media (max-width:760px){.menu-btn{display:block}.user{order:2}.nav{flex-direction:column;order:5;width:100%;margin:0;display:none}.nav.open{display:flex}}.page{max-width:1080px;min-height:60vh;margin:0 auto;padding:1.5rem 16px 3rem}.foot{max-width:1080px;color:var(--mute);margin:0 auto;padding:1rem 16px 2rem;font-size:.85rem}.crumb{margin:0 0 .5rem;font-size:.9rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 1rem;padding:1rem 1.1rem}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.cards .card{margin:0}.stat{flex-direction:column;display:flex}.stat-n{font-size:2rem;font-weight:700;line-height:1.1}.stat-l{color:var(--mute);font-size:.9rem}.empty{text-align:left}.empty h3{margin-bottom:.3rem}.success{border-color:var(--ok)}.kv{grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:.6rem 0 1rem;display:grid}.kv dt{color:var(--mute)}.kv dd{overflow-wrap:anywhere;min-width:0;margin:0}@media (max-width:480px){.kv{grid-template-columns:1fr;gap:0}.kv dd{margin-bottom:.5rem}}.badge{white-space:nowrap;border-radius:999px;padding:.1rem .55rem;font-size:.78rem;font-weight:600;display:inline-block}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-bad{background:var(--bad-bg);color:var(--bad)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-mute{background:var(--line);color:var(--mute)}.btn{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);font:inherit;cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-weight:600;text-decoration:none;display:inline-block}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{color:var(--accent);background:0 0}.btn-danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn-danger-outline{color:var(--bad);border-color:var(--bad);background:0 0}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}label{margin:.8rem 0 .25rem;font-weight:600;display:block}input,select{width:100%;max-width:28rem;font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:.55rem .65rem}input[aria-invalid=true]{border-color:var(--bad)}form .btn{margin-top:1rem}.field-error{color:var(--bad);margin:.3rem 0 0}.field-ok{color:var(--ok);margin:.3rem 0 0}.notice{border-radius:var(--radius);margin:.8rem 0;padding:.7rem .9rem}.notice p{margin:0 0 .5rem}.notice p:last-child{margin:0}.notice-error{background:var(--bad-bg);color:var(--bad)}.notice-info{background:var(--info-bg);color:var(--info)}.loading{color:var(--mute);align-items:center;gap:.6rem;padding:2rem 0;display:flex}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:1.1rem;height:1.1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.table-wrap{margin-bottom:1rem;overflow-x:auto}.table{border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.65rem .8rem}.table th{color:var(--mute);font-size:.85rem;font-weight:600}@media (max-width:700px){.table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.table,.table tbody,.table tr,.table td{width:100%;display:block}.table tr{border-bottom:6px solid var(--bg)}.table td{border:0;padding:.3rem .8rem}.table td:before{content:attr(data-label);color:var(--mute);font-size:.78rem;display:block}}.landing,.center{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.landing-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:100%;max-width:30rem;padding:2rem}.eyebrow{text-transform:uppercase;letter-spacing:.25em;color:var(--accent);margin:0 0 .4rem;font-size:.75rem;font-weight:700}.lead{color:var(--mute);margin:0 0 1.5rem;font-size:1.1rem}.clerk-box{overflow-x:auto}
