:root,[data-theme=dark]{--bg-base:#0a0b0e;--bg-surface:#131520;--bg-elevated:#1b1e2b;--border-subtle:#22253a;--border-default:#2d3047;--border-strong:#3f4359;--text-primary:#f5f4fa;--text-secondary:#ababbe;--text-muted:#6e6f84;--accent:#8b5cf6;--accent-hover:#a78bfa;--accent-active:#7c3aed;--accent-muted:#8b5cf629;--accent-ring:#8b5cf64d;--accent-fg:#fff;--success:#10b981;--success-muted:#10b98124;--warning:#f59e0b;--warning-muted:#f59e0b24;--error:#ef4444;--error-muted:#ef444424;--info:#3b82f6;--info-muted:#3b82f624;--bg:var(--bg-base);--surface:var(--bg-surface);--panel:var(--bg-elevated);--field:var(--bg-surface);--border:var(--border-default);--text:var(--text-primary);--accent-2:var(--info);--danger:var(--error);--shadow:#0006}[data-theme=light]{--bg-base:#f7f8f9;--bg-surface:#fff;--bg-elevated:#fff;--border-subtle:#eceef0;--border-default:#d5d9dd;--border-strong:#9aa0a8;--text-primary:#0e1012;--text-secondary:#4a5159;--text-muted:#868d96;--accent:#0d9488;--accent-hover:#0f766e;--accent-active:#115e59;--accent-muted:#0d94881a;--accent-ring:#0d948840;--accent-fg:#fff;--success:#16a34a;--success-muted:#16a34a1a;--warning:#d97706;--warning-muted:#d977061a;--error:#dc2626;--error-muted:#dc26261a;--info:#0284c7;--info-muted:#0284c71a;--bg:var(--bg-base);--surface:var(--bg-surface);--panel:var(--bg-elevated);--field:var(--bg-surface);--border:var(--border-default);--text:var(--text-primary);--accent-2:var(--info);--danger:var(--error);--shadow:#0e10121f}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);max-width:100vw;color:var(--text);scrollbar-width:thin;scrollbar-color:var(--border-strong)transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;transition:background-color .25s,color .25s;overflow:hidden auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::-webkit-scrollbar-corner{background:0 0}.main-container{max-width:1440px;min-height:calc(100vh - 64px);margin:0 auto;padding:1.5rem 2.5rem}.grid-sidebar{grid-template-columns:1fr 350px;gap:2rem;display:grid}.grid-4col{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.grid-3col{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.grid-2col{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.approvals-grid{grid-template-columns:1fr;gap:2rem;transition:grid-template-columns .3s;display:grid}.approvals-grid.has-selection{grid-template-columns:1fr 1fr}@media (max-width:1024px){.grid-sidebar{grid-template-columns:1fr}}@media (max-width:900px){.main-container{padding:1.5rem 1rem}.grid-4col{grid-template-columns:repeat(2,1fr)}.grid-3col{grid-template-columns:1fr 1fr}.grid-2col{grid-template-columns:1fr}.grid-2col>[style*=span\ 2]{grid-column:span 1!important}.approvals-grid.has-selection{grid-template-columns:1fr}}@media (max-width:550px){.main-container{padding:1rem .75rem}.grid-4col{grid-template-columns:1fr 1fr}.grid-3col,.grid-2col{grid-template-columns:1fr}}.glass-card{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:0 10px 30px var(--shadow);border-radius:16px;padding:2rem}h1{letter-spacing:-.025em;margin-bottom:1.5rem;font-size:2rem;font-weight:700}h2{color:var(--text-muted);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.badge{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;height:26px;padding:0 14px;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.badge-pending{color:var(--warning);background:#f59e0b1f;border:1px solid #f59e0b40}.badge-success{color:var(--success);background:#10b9811f;border:1px solid #10b98140}.badge-danger{color:var(--danger);background:#ef44441f;border:1px solid #ef444440}.form-input{background:var(--field);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-input:hover{border-color:var(--text-muted)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent)22%,transparent);outline:none}.loading-spinner{border:3px solid color-mix(in srgb,var(--accent)20%,transparent);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.3s ease-out forwards fadeIn}@keyframes spin{to{transform:rotate(360deg)}}