@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--brand-red:#e2001a;--brand-red-dark:#b80016;--brand-navy:#1b2c6b;--brand-navy-light:#2c439e;--brand-green:#009246;--bg-color:#0b1020;--bg-surface:#141b30b8;--bg-surface-hover:#182038eb;--text-primary:#e6ebf5;--text-secondary:#97a0bd;--accent-primary:#5b7cfa;--accent-primary-hover:#4864db;--accent-success:#2ea043;--accent-success-hover:#3fb950;--accent-danger:#f85149;--accent-danger-hover:#da3633;--accent-warning:#e3b341;--border-color:#e6ebf51f;--glass-border:1px solid #ffffff0f;--backdrop-blur:blur(12px);--shadow-sm:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #00000080;--transition-fast:.15s ease-in-out;--transition-normal:.3s ease-in-out}[data-theme=light]{--bg-color:#f4f6fb;--bg-surface:#ffffffd1;--bg-surface-hover:#fff;--text-primary:#16203d;--text-secondary:#5a6484;--accent-primary:#1b2c6b;--accent-primary-hover:#14205a;--accent-success:#1a7f37;--accent-success-hover:#116329;--accent-danger:#cf222e;--accent-danger-hover:#a41e26;--accent-warning:#b8860b;--border-color:#1b2c6b26;--glass-border:1px solid #1b2c6b0f;--shadow-sm:0 4px 6px #1b2c6b0f;--shadow-lg:0 10px 20px #1b2c6b1f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;transition:background-color var(--transition-normal), color var(--transition-normal);min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:var(--backdrop-blur);border:var(--glass-border);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border-radius:12px}.glass-panel:hover{background:var(--bg-surface-hover);box-shadow:var(--shadow-lg)}button{cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:6px;outline:none;padding:.5rem 1rem;font-family:inherit;font-weight:500}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover{background-color:var(--accent-primary-hover);transform:translateY(-1px)}.btn-outline{border:1px solid var(--border-color);color:var(--text-primary);background:0 0}.btn-outline:hover{background:var(--border-color)}input,select,textarea{border:1px solid var(--border-color);color:var(--text-primary);transition:border-color var(--transition-fast);background:#0000000d;border-radius:6px;padding:.5rem .75rem;font-family:inherit}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#ffffff0d}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);outline:none}.app-container{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border-color);background:var(--bg-surface);width:260px;-webkit-backdrop-filter:var(--backdrop-blur);flex-direction:column;gap:1rem;height:100vh;padding:1.5rem 1rem;display:flex;position:sticky;top:0}.main-content{flex-direction:column;flex:1;gap:2rem;width:100%;min-width:0;max-width:1400px;margin:0 auto;padding:2rem;display:flex}.content-col{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-host{flex-shrink:0;display:flex;position:relative}.collapse-toggle{background:var(--bg-color);border:1px solid var(--border-color);width:26px;height:26px;color:var(--text-secondary);z-index:5;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;padding:0;display:none;position:absolute;top:1.4rem;right:-13px}.collapse-toggle:hover{color:var(--accent-primary);border-color:var(--accent-primary)}@media (min-width:901px){.collapse-toggle{display:flex}.app-container.collapsed .sidebar{align-items:stretch;width:76px}.app-container.collapsed .sidebar a span,.app-container.collapsed .sidebar button span,.app-container.collapsed .sidebar nav p,.app-container.collapsed .sidebar h2{display:none}.app-container.collapsed .sidebar a,.app-container.collapsed .sidebar>div:first-child>div:first-child,.app-container.collapsed .sidebar button{justify-content:center}.app-container.collapsed .sidebar img{max-width:44px}}.mobile-topbar{z-index:40;background:var(--bg-surface);-webkit-backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:.75rem 1rem;display:none;position:sticky;top:0}.mobile-brand{letter-spacing:.02em;font-weight:800}.hamburger-btn{color:var(--text-primary);background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:.35rem;display:flex}.sidebar-backdrop{display:none}@media (max-width:900px){.mobile-topbar{display:flex}.sidebar-host{z-index:60;height:100dvh;transition:transform .28s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-host.open{transform:translate(0);box-shadow:0 0 40px #00000080}.sidebar{max-width:300px;width:82vw!important;height:100%!important;position:static!important}.sidebar-backdrop{z-index:55;background:#0000008c;display:block;position:fixed;inset:0}.main-content{gap:1.25rem;padding:1rem}}@media (max-width:480px){.main-content{padding:.75rem}}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600}p{color:var(--text-secondary)}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-pending{color:var(--accent-warning);background:#d2992226}.badge-approved{color:var(--accent-success);background:#23863626}.badge-rejected{color:var(--accent-danger);background:#f8514926}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}@keyframes skeletonPulse{0%,to{opacity:.55}50%{opacity:1}}.skeleton{background:color-mix(in srgb, var(--text-secondary) 18%, transparent);border-radius:8px;animation:1.2s ease-in-out infinite skeletonPulse}