:root{--blue-900:#0d2b4e;--blue-800:#123a63;--blue-700:#15497e;--blue-600:#1565c0;--blue-500:#1976d2;--blue-tint:#eaf2fb;--green:#2e9e5b;--green-tint:#eaf7ef;--text:#22292f;--text-muted:#6b7785;--border:#e1e6eb;--bg:#f4f6f8;--card-bg:#fff}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}h1,h2,h3,h4{color:var(--text);font-weight:600}h3{font-size:16px}h4{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin-bottom:8px;font-size:13px}a{color:var(--blue-600);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:4px;padding:7px 9px;font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 2px var(--blue-tint);outline:none}button{cursor:pointer;background:var(--blue-600);color:#fff;border:none;border-radius:4px;padding:8px 16px;font-family:inherit;font-size:14px;transition:background .15s}button:hover{background:var(--blue-700)}button:disabled{cursor:default;background:#b9c4cf}button.secondary{color:var(--blue-600);border:1px solid var(--blue-600);background:#fff}button.secondary:hover{background:var(--blue-tint)}button.text{color:var(--blue-600);background:0 0;padding:4px 6px}button.text:hover{background:var(--blue-tint);text-decoration:none}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:8px;font-size:12px}td{border-bottom:1px solid var(--border);padding:8px}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:20px}.topbar{background:var(--blue-800);color:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.topbar .brand{color:#fff;font-size:18px;font-weight:700}.topbar select{background:var(--blue-700);color:#fff;border:1px solid var(--blue-600)}.topbar nav{gap:4px;display:flex}.topbar nav a{color:#cfe0f5;border-radius:4px;padding:8px 12px;font-size:13px;font-weight:500}.topbar nav a:hover,.topbar nav a.active{background:var(--blue-700);color:#fff;text-decoration:none}.nav-group{position:relative}.nav-group-toggle{color:#cfe0f5;cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.nav-group-toggle:hover,.nav-group-toggle.active,.nav-group:hover .nav-group-toggle{background:var(--blue-700);color:#fff}.nav-group-toggle .caret{font-size:9px}.nav-dropdown{background:var(--blue-800);border:1px solid var(--blue-600);z-index:50;border-radius:6px;flex-direction:column;min-width:210px;padding:4px;display:none;position:absolute;top:100%;left:0;box-shadow:0 8px 20px #0000004d}.nav-group:hover .nav-dropdown,.nav-dropdown.open{display:flex}.nav-dropdown a{color:#cfe0f5;white-space:nowrap;border-radius:4px;padding:8px 12px;font-size:13px;font-weight:500}.nav-dropdown a:hover,.nav-dropdown a.active{background:var(--blue-700);color:#fff;text-decoration:none}.topbar .user{color:#cfe0f5;font-size:13px}.topbar button.text{color:#cfe0f5}.topbar button.text:hover{background:var(--blue-700);color:#fff}