@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a2e;--bg-card: rgba(26, 26, 46, .6);--bg-card-hover: rgba(26, 26, 46, .9);--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-tertiary: #a78bfa;--accent-glow: rgba(99, 102, 241, .15);--accent-glow-strong: rgba(99, 102, 241, .3);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-accent: #a78bfa;--border-subtle: rgba(148, 163, 184, .08);--border-medium: rgba(148, 163, 184, .15);--border-accent: rgba(99, 102, 241, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--gradient-primary: linear-gradient(135deg, #6366f1, #8b5cf6, #a78bfa);--gradient-dark: linear-gradient(180deg, #0a0a0f 0%, #12121a 100%);--gradient-card: linear-gradient(145deg, rgba(26, 26, 46, .8), rgba(18, 18, 26, .6));--gradient-glass: linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.02))}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.section-title{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;margin-bottom:.5em}.subtitle{font-size:1.15rem;color:var(--text-secondary);max-width:600px;line-height:1.7}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.glass-card{background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .3s ease}.glass-card:hover{border-color:var(--border-accent);box-shadow:0 0 30px var(--accent-glow);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--radius-full);font-family:var(--font-body);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover{border-color:var(--accent-primary);box-shadow:0 0 15px var(--accent-glow)}.btn-ghost{background:transparent;color:var(--text-accent);padding:10px 20px}.btn-ghost:hover{background:var(--accent-glow)}.btn-sm{padding:10px 20px;font-size:.85rem}.btn-lg{padding:18px 36px;font-size:1.05rem}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-accent{background:var(--accent-glow);color:var(--accent-tertiary);border:1px solid var(--border-accent)}.badge-success{background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.2)}.badge-warning{background:#f59e0b1a;color:var(--warning);border:1px solid rgba(245,158,11,.2)}.badge-danger{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-input{padding:14px 18px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;transition:all .2s ease;outline:none}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{resize:vertical;min-height:120px}select.form-input{cursor:pointer}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{text-align:left;padding:14px 18px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle)}.data-table td{padding:16px 18px;font-size:.9rem;border-bottom:1px solid var(--border-subtle)}.data-table tbody tr:hover{background:var(--accent-glow)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:24px;text-align:center}.stat-value{font-family:var(--font-display);font-size:2rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;background:#0a0a0fcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle)}.navbar-inner{display:flex;align-items:center;justify-content:space-between}.navbar-logo{font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:10px}.navbar-logo span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-links{display:flex;align-items:center;gap:8px;list-style:none}.navbar-links a{color:var(--text-secondary);text-decoration:none;padding:8px 16px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:all .2s ease}.navbar-links a:hover{color:var(--text-primary);background:var(--accent-glow)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow-strong)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeInUp .6s ease forwards}.animate-delay-1{animation-delay:.1s;opacity:0}.animate-delay-2{animation-delay:.2s;opacity:0}.animate-delay-3{animation-delay:.3s;opacity:0}.animate-delay-4{animation-delay:.4s;opacity:0}.animate-delay-5{animation-delay:.5s;opacity:0}.dashboard-layout{display:flex;min-height:100vh;padding-top:68px}.dashboard-sidebar{width:260px;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);padding:24px 16px;position:fixed;top:68px;bottom:0;overflow-y:auto}.dashboard-main{flex:1;margin-left:260px;padding:32px}.sidebar-nav{list-style:none;display:flex;flex-direction:column;gap:4px}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease}.sidebar-nav a:hover,.sidebar-nav a.active{color:var(--text-primary);background:var(--accent-glow)}.sidebar-nav a.active{border-left:3px solid var(--accent-primary)}.sidebar-section-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:20px 16px 8px}.donut-container{display:flex;align-items:center;gap:32px}.donut-legend{display:flex;flex-direction:column;gap:12px}.legend-item{display:flex;align-items:center;gap:10px;font-size:.9rem}.legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}@media (max-width: 768px){.dashboard-sidebar{display:none}.dashboard-main{margin-left:0}.navbar-links{display:none}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.text-center{text-align:center}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}}