:root{--ink:#16253d;--muted:#68778d;--line:#e2e8f0;--surface:#fff;--bg:#f4f7fb;--brand:#174a7e;--brand2:#2469a5;--radius:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{min-height:70px;background:#102d4e;color:#fff;padding:14px clamp(16px,4vw,52px);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.brand{color:#fff;text-decoration:none;font-weight:800;font-size:19px}.brand span{display:block;font-size:11px;letter-spacing:.08em;color:#b8d3ee;font-weight:500}.topbar nav{display:flex;gap:18px;flex-wrap:wrap}.topbar nav a{color:#eaf4ff;text-decoration:none;font-size:13px}.container{max-width:1200px;margin:30px auto;padding:0 20px;min-height:72vh}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px;flex-wrap:wrap}.page-heading h1{font-size:clamp(25px,4vw,34px);margin:0}.eyebrow{color:var(--brand2);font-weight:800;letter-spacing:.12em;font-size:11px;margin:0 0 5px}.muted,small{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat-card,.panel,.login-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 6px 22px #183a5c0a}.stat-card span,.stat-card small{display:block;color:var(--muted)}.stat-card strong{display:block;font-size:24px;margin:8px 0}.panel h2{margin-top:0}.button,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:var(--brand);color:white;padding:11px 17px;text-decoration:none;font-weight:700;cursor:pointer}.button:hover,button:hover{background:var(--brand2)}label{display:block;font-weight:650;margin-bottom:16px}input,select{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;font:inherit;color:var(--ink)}input:focus,select:focus{outline:2px solid #b6d7f4;border-color:var(--brand2)}.form-panel{max-width:720px}.alert,.notice{border-radius:10px;background:#fff7e6;border:1px solid #f3d69b;padding:12px 15px;margin-bottom:18px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:600px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{background:#f8fafc;color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.footer{text-align:center;padding:22px;color:var(--muted);font-size:12px}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#eaf3fc,#f8fafc)}.login-card{width:min(100%,420px);padding:32px}.login-card h1{margin:0;color:var(--brand)}.login-card p{margin-top:4px;color:var(--muted)}.login-card button{width:100%;margin:5px 0 14px}.login-card small{display:block;font-size:12px}@media(max-width:700px){.cards{grid-template-columns:1fr}.container{margin:20px auto;padding:0 14px}.topbar{align-items:flex-start}.topbar nav{gap:12px}.stat-card,.panel{padding:17px}}