body { font-family: 'Outfit', sans-serif; background: #020617; color: #f1f5f9; overflow: hidden; }
.glass { background: rgba(15, 23, 42, 0.4); backdrop-filter: blur(24px); border: 1px solid rgba(255, 255, 255, 0.05); }
.glass-card { background: rgba(30, 41, 59, 0.3); border: 1px solid rgba(255, 255, 255, 0.05); }

.fade-in { animation: fadeIn 0.4s cubic-bezier(0, 0, 0.2, 1) forwards; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

::-webkit-scrollbar { width: 5px; } ::-webkit-scrollbar-thumb { background: #334155; border-radius: 10px; }

.sidebar-item { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; border-radius: 0.75rem; transition: all 0.2s; cursor: pointer; font-weight: 500; font-size: 0.9375rem; }
.sidebar-item-active { background: #6366f1; color: white; box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3); }
.sidebar-item-inactive { color: #94a3b8; }
.sidebar-item-inactive:hover { background: rgba(255,255,255,0.05); color: white; }

.nav-group-label { font-size: 0.75rem; font-weight: 700; color: #475569; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 0.75rem; padding-left: 0.5rem; }

.modal-backdrop { background: rgba(2, 6, 23, 0.85); backdrop-filter: blur(8px); }
select option { background: #0f172a; color: white; }