:root,:root[data-theme=dark]{--bg: #0f1419;--panel: #1a212b;--panel-2: #222b38;--border: #2e3a4b;--text: #e6edf3;--muted: #8b98a9;--accent: #3b82f6;--green: #22c55e;--amber: #f59e0b;--red: #ef4444;--chart-grid: #2e3a4b}:root[data-theme=light]{--bg: #f4f6fa;--panel: #ffffff;--panel-2: #eef1f6;--border: #dce1e9;--text: #1a2230;--muted: #64748b;--accent: #2563eb;--green: #16a34a;--amber: #d97706;--red: #dc2626;--chart-grid: #e2e8f0}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,system-ui,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:var(--accent);text-decoration:none}button{font:inherit;background:var(--accent);color:#fff;border:0;border-radius:6px;padding:7px 14px;cursor:pointer}button.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}button.danger{background:var(--red)}button.success{background:var(--green)}button:disabled{opacity:.5;cursor:not-allowed}input,select{font:inherit;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:7px 9px}.topbar{display:flex;align-items:center;gap:18px;padding:12px 22px;background:var(--panel);border-bottom:1px solid var(--border)}.topbar .brand{font-weight:700}.topbar nav{display:flex;gap:16px;flex:1}.topbar nav a.active{color:var(--text);font-weight:600}.container{max-width:2100px;margin:0 auto;padding:20px clamp(20px,3vw,56px)}.subtitle{color:var(--muted);margin:2px 0 18px;font-size:13px}.card-sub{color:var(--muted);font-size:12px;margin:-4px 0 10px}.icon-btn{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;width:36px;height:34px;padding:0;cursor:pointer}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px;margin-bottom:18px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.badge{padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600}.badge.draft{background:#334155;color:#cbd5e1}.badge.submitted{background:#422006;color:var(--amber)}.badge.approved{background:#052e16;color:var(--green)}.badge.rejected{background:#450a0a;color:var(--red)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.login-wrap{max-width:340px;margin:12vh auto}.spacer{flex:1}.kpi{font-size:26px;font-weight:700}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}@media (max-width: 800px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}