:root{--ink:#182230;--muted:#667085;--brand:#2357d8;--bg:#f4f7fb;--line:#e4e9f1}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:var(--brand);text-decoration:none}.topbar{height:auto;min-height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:14px max(20px,calc((100% - 1120px)/2));gap:18px}.brand{font-weight:800;color:var(--ink);font-size:19px}.topbar nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.navbutton,.button{display:inline-block;background:var(--brand);color:#fff;border:0;border-radius:9px;padding:10px 15px;font-weight:650;cursor:pointer}.container{max-width:1120px;margin:34px auto;padding:0 20px;min-height:65vh}.hero{background:linear-gradient(125deg,#183d9b,#4778f5);color:#fff;border-radius:18px;padding:36px;margin-bottom:24px}.hero h1{font-size:clamp(28px,5vw,42px);margin:0 0 10px}.hero p{max-width:660px;color:#e8efff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 4px 18px #14264a08}.card h2,.card h3{margin-top:0}.muted{color:var(--muted)}.form-card{max-width:470px;margin:25px auto}.field{display:block;margin:14px 0}.field span{display:block;font-weight:650;margin-bottom:6px}.field input{width:100%;padding:12px;border:1px solid #ccd5e2;border-radius:9px;font:inherit}.notice{padding:12px 14px;background:#fff5d8;border:1px solid #f0d889;border-radius:9px;margin:14px 0}.success{background:#e8f8ee;border-color:#a7dfb9}.error{background:#fff0f0;border-color:#f0b6b6}.tablewrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}th{background:#f8faff}.footer{text-align:center;color:var(--muted);padding:25px 15px;border-top:1px solid var(--line);font-size:13px}.stats{font-size:28px;font-weight:800}.pill{display:inline-block;background:#edf2ff;color:#294fc0;border-radius:20px;padding:3px 9px;font-size:12px}@media(max-width:600px){.topbar{align-items:flex-start;flex-direction:column}.topbar nav{gap:12px}.hero{padding:24px}.container{margin:22px auto}}
