*,:before,:after{box-sizing:border-box}:root{--primary:#0a1c2c;--primary-dark:#060f18;--primary-light:#eaf2f8;--accent:#a0c8e4;--accent-dark:#7aadcf;--teal:#1a4d62;--success:#16a34a;--success-light:#dcfce7;--danger:#dc2626;--danger-light:#fee2e2;--warning:#d97706;--warning-light:#fef3c7;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-600:#475569;--gray-700:#334155;--gray-900:#0f172a;--sidebar-bg:#062136;--sidebar-text:#a0c8e4bf;--sidebar-active:#a0c8e4;--radius:8px;--shadow-sm:0 1px 2px #0000000f, 0 1px 3px #0000001a;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f}body{color:var(--gray-700);background:var(--gray-50);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}#root{min-height:100vh}h1{color:var(--gray-900);margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}h2{color:var(--gray-900);margin:0 0 1rem;font-size:1.125rem;font-weight:600}p{margin:0}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}button,.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;line-height:1.25;transition:background .15s,box-shadow .15s;display:inline-flex}button.primary,.btn-primary{background:var(--primary);color:#fff}button.primary:hover,.btn-primary:hover{background:var(--teal)}button.secondary,.btn-secondary{color:var(--gray-700);border-color:var(--gray-300);box-shadow:var(--shadow-sm);background:#fff}button.secondary:hover{background:var(--gray-50)}button.danger,.btn-danger{background:var(--danger);color:#fff}button.success,.btn-success{background:var(--success);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}.nav-interactive{transition:transform .12s cubic-bezier(.4,0,.2,1)}.nav-interactive:hover{transform:translate(3px)}.nav-interactive:active{transform:translate(3px)scale(.96)}input,select,textarea{border:1px solid var(--gray-300);border-radius:var(--radius);width:100%;color:var(--gray-900);background:#fff;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s;display:block}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #a0c8e440}.card{border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff}.badge{text-transform:capitalize;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-pending{background:var(--warning-light);color:var(--warning)}.badge-approved{background:var(--success-light);color:var(--success)}.badge-rejected{background:var(--danger-light);color:var(--danger)}table{border-collapse:collapse;width:100%}thead tr{border-bottom:2px solid var(--gray-200)}tbody tr{border-bottom:1px solid var(--gray-100);transition:background .1s}tbody tr:hover{background:var(--gray-50)}th{text-align:left;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;padding:10px 14px;font-size:12px;font-weight:600}td{padding:12px 14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}