:root { color-scheme:light; --bg:#f4f6f8; --surface:#fff; --text:#15202b; --muted:#687386; --border:#d8dee6; --accent:#1769e0; --danger:#b42318; --success:#16794b; --help:#eef1f4; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.45; }
.shell { width:min(1120px,calc(100% - 32px)); margin:36px auto; }
header,.toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; }
h1,h2,p { margin-top:0; } h1 { font-size:1.55rem; } h2 { font-size:1.05rem; }
.eyebrow { margin-bottom:4px; color:var(--accent); font-size:.75rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.card { background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:20px; box-shadow:0 1px 2px #1020300d; }
.narrow { max-width:430px; margin:72px auto; }.form-card { max-width:620px; margin-bottom:16px; }
.stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }.stats strong { display:block; margin-top:8px; font-size:1.5rem; }.stats span,small { color:var(--muted); }
form { display:grid; gap:8px; } label { margin-top:8px; font-size:.88rem; font-weight:650; }
input,select,button { min-height:42px; border-radius:7px; border:1px solid var(--border); padding:8px 11px; font:inherit; }
button { background:var(--accent); border-color:var(--accent); color:white; cursor:pointer; font-weight:650; }
button.quiet { background:white; color:var(--text); } button.danger { background:white; border-color:#f0b9b4; color:var(--danger); }
button:disabled { opacity:.55; cursor:wait; } :focus-visible { outline:3px solid #8dbbff; outline-offset:2px; }
.check { display:flex; align-items:center; gap:8px; }.check input { min-height:auto; }
.notice { position:sticky; top:8px; z-index:10; min-height:0; border-radius:8px; margin-bottom:16px; padding:0; }
.notice:not(:empty) { min-height:44px; padding:10px 14px; border:1px solid currentColor; background:white; box-shadow:0 4px 16px #1020301a; }
.notice--success { color:var(--success); }.notice--error { color:var(--danger); }.notice--info { color:var(--accent); }
.tabs { display:flex; gap:6px; overflow-x:auto; margin-bottom:16px; padding-bottom:2px; }
.tabs button { flex:0 0 auto; background:white; color:var(--text); border-color:var(--border); }
.tabs button[aria-selected="true"] { background:var(--accent); border-color:var(--accent); color:white; }
.tab-panel { margin-bottom:16px; }.help-card { margin-bottom:16px; border:1px solid var(--border); border-radius:10px; background:var(--help); padding:16px 18px; color:#394657; }.help-card p { margin:6px 0 0; }
.button-row { display:flex; flex-wrap:wrap; gap:8px; }
.table-wrap { overflow-x:auto; } table { width:100%; border-collapse:collapse; margin-top:16px; } th,td { border-top:1px solid var(--border); padding:12px 8px; text-align:left; white-space:nowrap; } th { color:var(--muted); font-size:.78rem; text-transform:uppercase; }
.actions { display:flex; flex-wrap:wrap; gap:6px; }.actions button { min-height:34px; padding:5px 9px; font-size:.8rem; }
.hidden { display:none !important; }.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:720px) { .shell { margin:20px auto; width:min(100% - 20px,1120px); } .stats { grid-template-columns:1fr; } .toolbar { align-items:flex-start; flex-direction:column; } th,td { padding:10px 6px; } .tabs { margin-inline:-2px; } }