*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy-900:#06091a;--navy-800:#0a0f1e;--navy-700:#0d1628;--navy-600:#111e35;--navy-500:#1a2d4a;--navy-400:#1e3558;--gold-400:#c9a84c;--gold-300:#d4b86a;--gold-200:#e2cc99;--gold-100:#f0e4c4;--green:#1d9e75;--red:#e24b4a;--amber:#ef9f27;--blue:#378add;--text-primary:#e8eaf0;--text-secondary:#89a;--text-muted:#7a8fa6;--border:#1e2d4a;--border-light:#131f35;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif}html,body,#root{background:var(--navy-800);height:100%;color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--navy-700)}::-webkit-scrollbar-thumb{background:var(--navy-500);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold-400)}.text-gold{color:var(--gold-400)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-amber{color:var(--amber)}.text-blue{color:var(--blue)}.text-muted{color:var(--text-secondary)}.badge{border-radius:var(--radius-sm);padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-gold{color:var(--gold-400);background:#c9a84c26}.badge-green{color:var(--green);background:#1d9e7526}.badge-red{color:var(--red);background:#e24b4a26}.badge-amber{color:var(--amber);background:#ef9f2726}.badge-blue{color:var(--blue);background:#378add26}.badge-muted{color:var(--text-secondary);background:#8899aa26}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-gold{background:var(--gold-400);color:var(--navy-800)}.btn-gold:hover{background:var(--gold-300)}.btn-outline{border:1px solid var(--border);color:var(--text-primary);background:0 0}.btn-outline:hover{border-color:var(--gold-400);color:var(--gold-400)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:6px 10px}.btn-ghost:hover{color:var(--text-primary);background:var(--navy-500)}.btn-approve{color:var(--green);background:#1d9e7526;border:1px solid #1d9e754d;padding:5px 12px;font-size:12px}.btn-approve:hover{background:#1d9e7540}.btn-reject{color:var(--red);background:#e24b4a26;border:1px solid #e24b4a4d;padding:5px 12px;font-size:12px}.btn-reject:hover{background:#e24b4a40}.card{background:var(--navy-700);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.card-title{color:var(--text-primary);font-size:13px;font-weight:600}.card-body{padding:16px 18px}.metric-card{background:var(--navy-700);border:1px solid var(--border);border-radius:var(--radius-lg);border-left:3px solid var(--gold-400);padding:16px 18px}.metric-label{color:#7a8fa6;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:11px}.metric-value{color:#fff;letter-spacing:-.5px;font-size:28px;font-weight:600}.metric-sub{color:#89a;margin-top:4px;font-size:11px}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border);padding:10px 14px;font-size:11px;font-weight:600}.table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:12px 14px;font-size:13px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#ffffff05}input,select,textarea{background:var(--navy-600);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);width:100%;font-size:13px;font-family:var(--font);outline:none;padding:9px 12px}input:focus,select:focus,textarea:focus{border-color:var(--gold-400);box-shadow:0 0 0 2px #c9a84c26}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border);border-top-color:var(--gold-400);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.progress-bar{background:var(--navy-500);border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:var(--gold-400);border-radius:2px;height:100%;transition:width .3s}@keyframes pulse-gold{0%,to{box-shadow:0 0 #c9a84c00}50%{box-shadow:0 0 0 4px #c9a84c40}}.toast{background:var(--navy-600);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:1000;align-items:center;gap:12px;min-width:280px;padding:14px 18px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #0006}