:root{--bg:#f4f6fb;--card:#fff;--ink:#0f172a;--ink2:#475569;--ink3:#94a3b8;--line:#e5e7eb;--brand:#1f3864;--brand2:#2e75b6;--sidebar:#0f1c2e;--green:#16a34a;--green-bg:#dcfce7;--green-ink:#14532d;--amber:#d97706;--amber-bg:#fef3c7;--amber-ink:#78350f;--blue:#2563eb;--blue-bg:#dbeafe;--blue-ink:#1e3a8a;--gray-bg:#f1f5f9;--gray-ink:#475569;--red:#dc2626}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.45}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1{margin-bottom:4px;font-size:20px}.muted{color:var(--ink3);font-size:12.5px}.app{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);color:#cbd5e1;flex-direction:column;flex-shrink:0;width:210px;height:100vh;padding:14px 10px;display:flex;position:fixed;top:0;left:0}.brand{color:#fff;align-items:center;gap:8px;padding:8px 10px 16px;font-size:16px;font-weight:700;display:flex}.brand .dot{background:var(--brand2);border-radius:2px;width:9px;height:9px}.nav a{color:#cbd5e1;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:9px;margin-bottom:2px;padding:9px 11px;font-size:13.5px;display:flex}.nav a:hover{background:#ffffff0f}.nav a.active{background:var(--brand2);color:#fff}.main{flex-direction:column;flex:1;min-width:0;margin-left:210px;display:flex}.topbar{background:var(--card);border-bottom:1px solid var(--line);z-index:10;align-items:center;gap:12px;height:52px;padding:0 22px;display:flex;position:sticky;top:0}.tb-right{align-items:center;gap:12px;margin-left:auto;display:flex}.avatar{background:var(--brand2);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.role-badge{background:var(--blue-bg);color:var(--blue-ink);border-radius:99px;padding:3px 9px;font-size:11px;font-weight:600}.content{max-width:1100px;padding:22px}.linkbtn{color:var(--brand2);cursor:pointer;background:0 0;border:none;font-size:12.5px}.tiles{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:16px 0;display:grid}.tile{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}.tile .k{color:var(--ink3);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.tile .v{margin-top:6px;font-size:26px;font-weight:700}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-top:16px;padding:0;overflow:hidden}.card .hd{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 16px;font-weight:600;display:flex}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--ink3);border-bottom:1px solid var(--line);padding:10px 16px;font-size:11px}td{border-bottom:1px solid var(--line);padding:11px 16px;font-size:13.5px}tr:last-child td{border-bottom:none}.num{text-align:right;font-variant-numeric:tabular-nums}.badge{border-radius:99px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.b-green{background:var(--green-bg);color:var(--green-ink)}.b-amber{background:var(--amber-bg);color:var(--amber-ink)}.b-blue{background:var(--blue-bg);color:var(--blue-ink)}.b-gray{background:var(--gray-bg);color:var(--gray-ink)}.btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.btn:hover{background:#182b4f}.btn.sm{padding:5px 10px;font-size:12px}.btn.ghost{background:var(--gray-bg);color:var(--ink2)}.btn.green{background:var(--green)}.btn:disabled{opacity:.5;cursor:not-allowed}.field{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.field label{color:var(--ink2);font-size:12px;font-weight:600}input,select{border:1px solid var(--line);background:#fff;border-radius:8px;outline:none;padding:8px 10px}input:focus,select:focus{border-color:var(--brand2)}.row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.toolbar{align-items:center;gap:10px;margin:14px 0;display:flex}.spacer{flex:1}.login-wrap{background:var(--sidebar);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:16px;width:360px;padding:32px;box-shadow:0 20px 50px #0000004d}.login-card h1{text-align:center;color:var(--brand)}.err{color:#7f1d1d;background:#fee2e2;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:13px}.hint{color:var(--ink3);text-align:center;margin-top:14px;font-size:12px;line-height:1.7}.hamburger{cursor:pointer;color:var(--ink2);background:0 0;border:none;padding:2px 8px;font-size:22px;line-height:1;display:none}.overlay{display:none}@media (max-width:820px){.sidebar{z-index:300;transition:transform .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000040}.main{margin-left:0}.hamburger{display:block}.content{padding:16px 14px}.overlay.show{z-index:250;background:#0006;display:block;position:fixed;inset:0}.card{overflow-x:auto}.card>table{min-width:600px}.tiles{grid-template-columns:repeat(2,1fr)}.toolbar{flex-wrap:wrap}}@media (max-width:480px){.tiles{grid-template-columns:1fr}.tb-right .muted{display:none}h1{font-size:18px}.login-card{width:92vw}}