:root{--sa-sidebar-bg:hsl(230 25% 7%);--sa-card-bg:hsl(0 0% 100%/0.03);--sa-card-border:hsl(0 0% 100%/0.08);--sa-primary-glow:hsla(262,83%,58%,0.15)}.dark{--sa-sidebar-bg:hsl(230 25% 5%)}.sa-sidebar{background:var(--sa-sidebar-bg);border-right:1px solid hsl(230 15% 12%);box-shadow:10px 0 30px -10px rgba(0,0,0,.5)}.sa-sidebar-brand{background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.sa-sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:.75rem;font-size:.8125rem;font-weight:500;color:hsl(230 15% 55%);transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:2px}.sa-sidebar-link:hover{color:#fff;background:hsl(230 15% 12%/.5);transform:translateX(4px)}.sa-sidebar-link.active{color:#fff;background:linear-gradient(90deg,hsl(262 83% 58%/.2),transparent);box-shadow:inset 2px 0 0 hsl(262 83% 58%)}.sa-sidebar-link.active .sa-sidebar-icon{color:hsl(262 83% 65%);filter:drop-shadow(0 0 8px hsl(262 83% 58%/.5))}.sa-sidebar-icon{width:1.125rem;height:1.125rem;transition:transform .3s ease}.sa-sidebar-link:hover .sa-sidebar-icon{transform:scale(1.1)}.sa-metric-card{position:relative;overflow:hidden;border-radius:1.25rem;border:1px solid var(--sa-card-border);background:linear-gradient(145deg,hsl(var(--card)/.4) 0,hsl(var(--card)/.8) 100%);backdrop-filter:blur(12px);padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.sa-metric-card:hover{transform:translateY(-4px) scale(1.01);border-color:hsl(var(--primary)/.4);box-shadow:0 20px 40px -12px rgba(0,0,0,.2),0 0 20px -5px hsl(var(--primary)/.2)}.sa-metric-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,hsla(0,0%,100%,.05) 0,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.sa-metric-card:hover:after{opacity:1}.sa-metric-icon{width:2.75rem;height:2.75rem;border-radius:.875rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 8px 16px -4px rgba(0,0,0,.1)}.sa-metric-icon--purple{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.sa-metric-icon--blue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.sa-metric-icon--emerald{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.sa-metric-icon--amber{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.sa-metric-value{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;color:hsl(var(--foreground))}.sa-badge{padding:.25rem .75rem;font-size:.75rem;font-weight:700;border-radius:99px;backdrop-filter:blur(4px);border:1px solid transparent}.sa-badge--active{background:hsl(142 71% 45%/.1);color:#10b981;border-color:hsl(142 71% 45%/.2)}.sa-badge--trialing{background:hsl(217 91% 60%/.1);color:#3b82f6;border-color:hsl(217 91% 60%/.2)}.sa-badge--none{background:hsl(230 15% 20%/.45);color:hsl(230 15% 80%);border-color:hsl(230 15% 40%/.25)}.sa-badge--starter{background:hsl(210 100% 50%/.1);color:#3b82f6;border-color:hsl(210 100% 50%/.2)}.sa-badge--professional{background:hsl(262 83% 58%/.1);color:#8b5cf6;border-color:hsl(262 83% 58%/.2)}.sa-badge--enterprise{background:hsl(38 92% 50%/.1);color:#f59e0b;border-color:hsl(38 92% 50%/.2)}.sa-badge--blocked{background:hsl(0 0% 10%/.8);color:#f59e0b;border-color:#f59e0b/.3;box-shadow:0 0 10px rgba(245,158,11,.1)}.sa-table-container{border-radius:1rem;border:1px solid var(--sa-card-border);background:hsl(var(--card));box-shadow:0 4px 6px -1px rgba(0,0,0,.1);overflow:hidden}.sa-table-row{border-bottom:1px solid var(--sa-card-border);transition:all .2s ease}.sa-table-row:hover{background:hsl(var(--primary)/.02)}.sa-activity-item{position:relative;padding:1rem;border-radius:.75rem;border:1px solid transparent;transition:all .3s ease}.sa-activity-item:hover{background:hsl(var(--muted)/.5);border-color:var(--sa-card-border);transform:translateX(4px)}.sa-activity-dot{position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px var(--primary)}.sa-chart-card{background:linear-gradient(180deg,hsl(var(--card)) 0,hsl(var(--card)/.95) 100%);border:1px solid var(--sa-card-border);border-radius:1.25rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.sa-chart-title{font-size:.875rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}@keyframes sa-reveal{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sa-animate-in{animation:sa-reveal .6s cubic-bezier(.22,1,.36,1) both}.sa-sidebar ::-webkit-scrollbar{width:4px}.sa-sidebar ::-webkit-scrollbar-track{background:transparent}.sa-sidebar ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:10px}.sa-sidebar-back{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:.75rem;font-size:.8125rem;font-weight:500;color:hsl(230 15% 55%);transition:all .3s cubic-bezier(.4,0,.2,1)}.sa-sidebar-back:hover{color:#fff;background:hsl(230 15% 12%/.5);transform:translateX(4px)}.sa-pulse-dot{width:6px;height:6px;background-color:#10b981;border-radius:50%;box-shadow:0 0 0 0 rgba(16,185,129,.7);animation:sa-pulse 2s infinite}@keyframes sa-pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(16,185,129,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(16,185,129,0)}}.sa-badge--owner{background:hsl(38 92% 50%/.1);color:#f59e0b;border-color:hsl(38 92% 50%/.2)}.sa-badge--admin,.sa-badge--owner{display:inline-flex;align-items:center;gap:.25rem}.sa-badge--admin{background:hsl(262 83% 58%/.1);color:#8b5cf6;border-color:hsl(262 83% 58%/.2)}.sa-badge--moderator{background:hsl(180 70% 40%/.1);color:#0d9488;border-color:hsl(180 70% 40%/.2)}.sa-badge--moderator,.sa-badge--user{display:inline-flex;align-items:center;gap:.25rem}.sa-badge--user{background:hsl(210 40% 40%/.1);color:#4b5563;border-color:hsl(210 40% 40%/.2)}