:root{--canvas: #10132a;--surface: #161a38;--line: #232849;--row: #1a1f42;--row-hover: #1f2450;--text: #e8ebf5;--text-muted: #8b93b8;--navy-900: #241d5e;--navy-800: #2c2371;--navy-700: #33297a;--navy-600: #3f3597;--navy-50: #f1efff;--blue-600: #1f7ac0;--blue-500: #2f8fd4;--approved: #5fd08a;--flagged: #e5b455;--rejected: #e88b8b;--pending: #a4abc9;--gradient-primary: linear-gradient(150deg, #3f3597, #2c2371);--gradient-progress: linear-gradient(90deg, #33297a, #2f8fd4);--r-card: 22px;--r-row: 14px;--r-input: 12px;--r-button: 13px;--r-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 14px;--s-5: 16px;--s-6: 22px;--s-7: 26px;--s-8: 34px;--font-display: "Outfit", system-ui, sans-serif;--font-body: "Poppins", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--canvas);color:var(--text-muted);font-family:var(--font-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);color:var(--text);font-weight:500;margin:0}h1{font-size:34px;letter-spacing:-.4px}h2{font-size:20px}h3{font-size:16px}a{color:var(--blue-500);text-decoration:none}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2.2px;font-weight:600;color:var(--blue-500)}.shell{display:grid;grid-template-columns:262px 1fr;min-height:100%}.sidebar{background:var(--surface);border-right:1px solid var(--line);padding:var(--s-6) var(--s-5);display:flex;flex-direction:column;gap:var(--s-2)}.brand{display:flex;align-items:center;gap:var(--s-3);padding:0 var(--s-2) var(--s-6)}.brand-crest{width:38px;height:38px;border-radius:50%;background:var(--navy-50);color:var(--navy-700);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:12px;flex:none}.brand-name{font-family:var(--font-display);font-weight:600;color:var(--text);font-size:14px;letter-spacing:.4px}.brand-sub{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--blue-500)}.nav-item{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-radius:var(--r-row);color:var(--text-muted);font-weight:500;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:inherit;font-size:13.5px}.nav-item:hover{background:var(--row);color:var(--text)}.nav-item.active{background:var(--gradient-primary);color:#fff}.nav-count{font-size:11px;color:var(--text-muted)}.nav-item.active .nav-count{color:#cfd6ff}.sidebar-footer{margin-top:auto;padding-top:var(--s-6);border-top:1px solid var(--line);font-size:11.5px}.main{padding:var(--s-8) var(--s-8) 64px;overflow-x:hidden}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s-6)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--s-4)}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-row);padding:var(--s-5)}.kpi-label{font-size:9.5px;text-transform:uppercase;letter-spacing:1.2px;font-weight:600;color:var(--text-muted)}.kpi-value{font-family:var(--font-display);font-size:34px;font-weight:600;color:var(--text);line-height:1.1;margin-top:var(--s-2)}.kpi-note{font-size:11.5px;margin-top:var(--s-1)}table{width:100%;border-collapse:separate;border-spacing:0 6px}th{text-align:left;font-size:9.5px;text-transform:uppercase;letter-spacing:1.2px;font-weight:600;color:var(--text-muted);padding:0 var(--s-4) var(--s-2)}td{background:var(--row);padding:var(--s-4);font-size:13px;color:var(--text);vertical-align:middle}tr:hover td{background:var(--row-hover)}td:first-child{border-radius:var(--r-row) 0 0 var(--r-row)}td:last-child{border-radius:0 var(--r-row) var(--r-row) 0}tr.selected td{background:#232a5c}.btn{font-family:inherit;font-size:13px;font-weight:500;border-radius:var(--r-button);padding:0 var(--s-5);height:40px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:var(--s-2);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-accent{background:var(--blue-500);color:#fff}.btn-secondary{background:transparent;border-color:var(--line);color:var(--text)}.btn-secondary:hover:not(:disabled){border-color:var(--blue-500)}.btn-danger{background:transparent;border-color:#4a2b3a;color:var(--rejected)}.btn-sm{height:32px;font-size:12px;padding:0 var(--s-3)}.input{background:var(--row);border:1px solid var(--line);border-radius:var(--r-input);color:var(--text);font-family:inherit;font-size:13px;height:40px;padding:0 var(--s-4);width:100%}.input:focus{outline:none;border-color:var(--blue-500)}.input::placeholder{color:#5a628c}.filter-row{display:flex;gap:var(--s-2);flex-wrap:wrap;align-items:center}.tab{background:transparent;border:1px solid var(--line);border-radius:var(--r-button);color:var(--text-muted);font-family:inherit;font-size:12.5px;height:36px;padding:0 var(--s-5);cursor:pointer}.tab.active{background:var(--blue-500);border-color:var(--blue-500);color:#fff}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;border-radius:var(--r-pill);padding:3px 10px;background:#21274f;color:var(--text-muted);white-space:nowrap}.dot{width:7px;height:7px;border-radius:50%;flex:none}.dot-approved{background:var(--approved)}.dot-flagged{background:var(--flagged)}.dot-rejected{background:var(--rejected)}.dot-pending{background:var(--pending)}.split{display:grid;grid-template-columns:1fr 380px;gap:var(--s-6);align-items:start}@media (max-width: 1180px){.split{grid-template-columns:1fr}.shell{grid-template-columns:210px 1fr}}.kv{display:grid;grid-template-columns:120px 1fr;gap:var(--s-2) var(--s-3);font-size:12.5px}.kv dt{color:var(--text-muted)}.kv dd{margin:0;color:var(--text)}.stack{display:flex;flex-direction:column;gap:var(--s-5)}.row{display:flex;align-items:center;gap:var(--s-3)}.spacer{flex:1}.muted{color:var(--text-muted)}.small{font-size:11.5px}.warn-box{background:#2c2438;border:1px solid #4a3b2b;border-radius:var(--r-row);padding:var(--s-4);font-size:12px;color:#f0dcc0}.error-box{background:#2e1f28;border:1px solid #4a2b3a;border-radius:var(--r-row);padding:var(--s-4);font-size:12px;color:#f3cdd4}.empty{text-align:center;padding:64px var(--s-6);color:var(--text-muted)}.login-wrap{min-height:100%;display:grid;place-items:center;padding:var(--s-6)}.login-card{width:100%;max-width:420px}.bar-track{height:5px;background:#232849;border-radius:var(--r-pill);overflow:hidden}.bar-fill{height:100%;background:var(--gradient-progress)}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#060814a8;display:grid;place-items:center;padding:var(--s-6);overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s-6);width:100%;max-width:480px}textarea.input{height:auto;resize:vertical;font-family:inherit}input[type=checkbox]{accent-color:var(--blue-500);width:15px;height:15px;cursor:pointer}select.input{cursor:pointer}