@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-main:#09090b;--bg-card:#121216b3;--bg-card-hover:#1c1c22cc;--text-primary:#f2f2f2;--text-secondary:#a1a1aa;--text-muted:#6d6d78;--accent-primary:#884cff;--accent-secondary:#1ab2ff;--accent-muted:#884cff33;--border-color:#30303680;--border-glow:#884cff4d;--success:#00e673;--warning:#ffb31a;--error:#f33;--glass-bg:#12121666;--glass-border:#ffffff14;--glass-blur:blur(12px);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--sidebar-width:280px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:600;line-height:1.2}.app-container{background:radial-gradient(circle at 100% 0,#884cff0d,#0000),radial-gradient(circle at 0 100%,#1ab2ff0d,#0000);min-height:100vh;display:flex}.main-content{flex:1;padding:2rem 3rem;overflow-y:auto}.sidebar{width:var(--sidebar-width);background-color:var(--bg-card);border-right:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);flex-direction:column;height:100vh;padding:2rem 1.5rem;display:flex;position:sticky;top:0}.nav-link{color:var(--text-secondary);transition:var(--transition-fast);border-radius:.75rem;align-items:center;gap:.75rem;padding:.875rem 1rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{background-color:var(--bg-card-hover);color:var(--text-primary);transform:translate(4px)}.nav-link.active{color:var(--accent-primary);background:linear-gradient(135deg,#884cff26,#1ab2ff26);border:1px solid #884cff33}.card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);transition:var(--transition-base);border-radius:1.25rem;padding:1.5rem}.card:hover{border-color:var(--border-glow);box-shadow:0 8px 32px -4px #0006}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.stat-card{flex-direction:column;gap:.5rem;display:flex}.stat-value{background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit;font-size:2rem;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;cursor:pointer;transition:var(--transition-fast);border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;box-shadow:0 4px 12px #884cff4d}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #884cff66}.input-field{border:1px solid var(--glass-border);color:var(--text-primary);width:100%;transition:var(--transition-fast);background:#1c1c2280;border-radius:.75rem;padding:.75rem 1rem}.input-field:focus{border-color:var(--accent-primary);background:#22222acc;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}