:root{--bg:#f1f5f9;--surface:#fff;--surface-2:#f1f5f9;--ink:#1a1a1a;--muted:#777;--faint:#9aa6b2;--line:#d5d5d5;--brand:#2471a3;--brand-d:#1a5276;--brand-mid:#2e86c1;--brand-light:#d6eaf8;--ok:#1e8449;--ok-bg:#d5f5e3;--warn:#ca6f1e;--warn-bg:#fdebd0;--bad:#922b21;--bad-bg:#fadbd8;--radius:8px;--shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);--panel:var(--surface);--ok-light:var(--ok-bg);--warn-light:var(--warn-bg);--bad-light:var(--bad-bg)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:15px;line-height:1.45}a{color:var(--brand);text-decoration:none}h1,h2,h3{margin:0 0 .5rem}.topbar{display:flex;align-items:center;gap:12px;background:var(--brand-d);color:#fff;padding:10px 16px}.topbar .brand{font-weight:700;letter-spacing:.3px}.topbar .spacer{flex:1}.topbar .chip,.topbar select{background:#1e293b;color:#fff;border:1px solid #334155;border-radius:8px;padding:6px 10px}.container{max-width:1200px;margin:0 auto;padding:18px 16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:16px}.grid{display:grid;gap:12px}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}@media(max-width:820px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr 1fr}}@media(max-width:520px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}.stat{padding:14px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);border-top:3px solid var(--brand);text-align:center}.stat .n{font-size:1.6rem;font-weight:700;color:var(--brand)}.stat .l{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.4px;margin-top:3px}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:8px 14px;font-size:.9rem;cursor:pointer;min-height:40px}.btn:hover{background:#f8fafc}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn.primary:hover{background:var(--brand-d)}.btn.danger{background:var(--bad);color:#fff;border-color:var(--bad)}.btn.sm{padding:5px 10px;min-height:32px;font-size:.82rem}.btn:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:9px 11px;width:100%;background:#fff}label{display:block;font-size:.82rem;color:var(--muted);margin:8px 0 4px}table{width:100%;border-collapse:collapse;font-size:.88rem}td,th{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.3px}tr:hover td{background:#f8fafc}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.74rem;font-weight:600}.badge.ok{background:var(--ok-light);color:var(--ok)}.badge.bad{background:var(--bad-light);color:var(--bad)}.badge.warn{background:var(--warn-light);color:var(--warn)}.badge.info{background:var(--brand-light);color:var(--brand-d)}.badge.muted{background:#f1f5f9;color:#475569}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.hidden{display:none!important}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--brand-d);color:#fff;padding:12px 18px;border-radius:10px;box-shadow:var(--shadow);z-index:9999;opacity:0;transition:opacity .2s}.toast.show{opacity:1}.modal{position:fixed;inset:0;background:rgba(15,23,42,.5);display:none;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal.open{display:flex}.modal .box{background:#fff;border-radius:var(--radius);padding:20px;max-width:560px;width:100%;max-height:90vh;overflow:auto}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 0,#1c3a52,#0e1b26 70%);padding:20px}.login-card{background:#fff;border-radius:16px;padding:28px;width:100%;max-width:380px;box-shadow:0 16px 50px rgba(0,0,0,.4)}.brand-logo{width:72px;height:72px;border-radius:18px;margin:0 auto 14px;display:block;box-shadow:0 4px 12px rgba(26,82,118,.3)}.brand-name{font-size:26px;font-weight:800;color:var(--brand-d);margin:0;text-align:center;letter-spacing:.3px}.brand-sub{font-size:13px;color:var(--muted);margin:3px 0 20px;text-align:center}.btn-hero{width:100%;background:linear-gradient(145deg,var(--brand-mid),var(--brand-d));color:#fff;border:none;border-radius:10px;padding:13px;font-size:15px;font-weight:700;cursor:pointer}.btn-hero:active{opacity:.9}.entry-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:14px 0}.entry-divider::after,.entry-divider::before{content:'';flex:1;height:1px;background:var(--line)}.entry-hint{font-size:11px;color:var(--muted);margin-top:14px;text-align:center;line-height:1.4}