@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-display:"Outfit", "Inter", system-ui, sans-serif;--font-sans:"Inter", system-ui, sans-serif;--bg-primary:#0b0f19;--bg-secondary:#131b2e;--bg-card:#161e34a6;--bg-hover:#1e294b;--accent:#6366f1;--accent-glow:#6366f126;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--accent-hover:#818cf8;--border:#ffffff0f;--border-focus:#6366f166;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#818cf8;--success:#10b981;--success-glow:#10b9811a;--error:#ef4444;--error-glow:#ef44441a;--warning:#f59e0b;--sidebar-width:260px;--header-height:70px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--glass-shadow:0 8px 32px 0 #0000005e;--bg-input:#0f172a66;--bg-input-focus:#0f172acc;--border-input:#ffffff14;--text-input-placeholder:var(--text-muted)}.light-theme{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fffc;--bg-hover:#f1f5f9;--accent:#4f46e5;--accent-glow:#4f46e51a;--accent-gradient:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--accent-hover:#6366f1;--border:#0f172a14;--border-focus:#4f46e566;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-accent:#4f46e5;--success-glow:#10b98126;--error-glow:#ef444426;--glass-shadow:0 8px 32px 0 #0f172a0f;--bg-input:#fff;--bg-input-focus:#fff;--border-input:#0f172a26;--text-input-placeholder:#0f172a66}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow)}.glass-panel-interactive{transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal)}.glass-panel-interactive:hover{border-color:#6366f133;transform:translateY(-2px);box-shadow:0 8px 30px #6366f11a}.btn{font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px #6366f14d}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--text-secondary);background:#ffffff0d}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#f87171}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.85rem;font-weight:500;display:block}.form-input{background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);padding:12px 16px;font-size:.95rem}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:var(--bg-input-focus);outline:none}.form-input::placeholder{color:var(--text-input-placeholder);opacity:1}.admin-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);padding:40px;padding-top:calc(var(--header-height) + 30px);flex:1;min-height:100vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progressIndeterminate{0%{transform:translate(-100%)}50%{transform:translate(20%)}to{transform:translate(120%)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-spin{animation:1s linear infinite spin}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.custom-table th{color:var(--text-muted);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;padding:16px;font-size:.75rem;font-weight:500}.custom-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:16px}.custom-table tr:hover td{background:#ffffff03}.badge{border-radius:9999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pending{color:var(--warning);background:#f59e0b1a}.badge-approved{background:var(--success-glow);color:var(--success)}.badge-rejected{background:var(--error-glow);color:var(--error)}.sidebar-collapsed{--sidebar-width:70px!important}button[title=Toggle\ Sidebar]:hover,button[title=Close\ Sidebar]:hover,.sidebar-border-toggle:hover{background-color:var(--bg-hover)!important;color:var(--accent-hover)!important;border-color:var(--accent)!important}.sidebar-border-toggle{display:flex!important}.header-menu-toggle,.sidebar-close-btn{display:none!important}@media (width<=1024px){:root,.admin-layout{--sidebar-width:0px!important}.sidebar-border-toggle{display:none!important}.header-menu-toggle{display:flex!important}header{width:100%!important;left:0!important}.main-content{width:100%!important;margin-left:0!important}.admin-layout:not(.sidebar-collapsed) aside{width:260px!important;transform:translate(0)!important;box-shadow:4px 0 24px #0006!important}.sidebar-collapsed aside{width:0!important;transform:translate(-100%)!important}aside{transition:transform var(--transition-normal), width var(--transition-normal)!important;z-index:100!important}.sidebar-close-btn{display:flex!important}}@media (width<=900px){.dashboard-bottom-section{grid-template-columns:1fr!important}}@media (width<=768px){.main-content{padding:20px 16px!important;padding-top:calc(var(--header-height) + 20px)!important}header{padding:0 16px!important}header span{font-size:.8rem}.form-card{padding:24px 20px!important}}