:root{--sa-sidebar-bg:#0d0f16;--sa-card-bg:#ffffff08;--sa-card-border:#ffffff14;--sa-primary-glow:#7c3bed26}.dark{--sa-sidebar-bg:#0a0b10}.sa-sidebar{background:var(--sa-sidebar-bg);border-right:1px solid #1a1c23;box-shadow:10px 0 30px -10px #00000080}.sa-sidebar-brand{background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text}.sa-sidebar-link{color:#7b819d;border-radius:.75rem;align-items:center;gap:.75rem;margin-bottom:2px;padding:.625rem .875rem;font-size:.8125rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.sa-sidebar-link:hover{color:#fff;background:#1a1c2380;transform:translate(4px)}.sa-sidebar-link.active{color:#fff;background:linear-gradient(90deg,#7c3bed33 0%,#0000 100%);box-shadow:inset 2px 0 #7c3bed}.sa-sidebar-link.active .sa-sidebar-icon{color:#925cf0;filter:drop-shadow(0 0 8px #7c3bed80)}.sa-sidebar-icon{width:1.125rem;height:1.125rem;transition:transform .3s}.sa-sidebar-link:hover .sa-sidebar-icon{transform:scale(1.1)}.sa-metric-card{border:1px solid var(--sa-card-border);background:linear-gradient(145deg, hsl(var(--card) / .4) 0%, hsl(var(--card) / .8) 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1.25rem;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sa-metric-card:hover{border-color:hsl(var(--primary) / .4);box-shadow:0 20px 40px -12px #0003, 0 0 20px -5px hsl(var(--primary) / .2);transform:translateY(-4px)scale(1.01)}.sa-metric-card:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;left:-50%}.sa-metric-card:hover:after{opacity:1}.sa-metric-icon{border-radius:.875rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;margin-bottom:1rem;display:flex;box-shadow:0 8px 16px -4px #0000001a}.sa-metric-icon--purple{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)}.sa-metric-icon--blue{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.sa-metric-icon--emerald{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.sa-metric-icon--amber{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.sa-metric-value{letter-spacing:-.03em;color:hsl(var(--foreground));font-size:1.75rem;font-weight:800}.sa-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #0000;border-radius:99px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.sa-badge--active{color:#10b981;background:#21c45d1a;border-color:#21c45d33}.sa-badge--trialing{color:#3b82f6;background:#3c83f61a;border-color:#3c83f633}.sa-badge--none{color:#c4c7d4;background:#2b2e3b73;border-color:#575c7540}.sa-badge--starter{color:#3b82f6;background:#0080ff1a;border-color:#0080ff33}.sa-badge--professional{color:#8b5cf6;background:#7c3bed1a;border-color:#7c3bed33}.sa-badge--enterprise{color:#f59e0b;background:#f59f0a1a;border-color:#f59f0a33}.sa-badge--blocked{color:#f59e0b;border-color:#f59e0b / .3;background:#1a1a1acc;box-shadow:0 0 10px #f59e0b1a}.sa-table-container{border:1px solid var(--sa-card-border);background:hsl(var(--card));border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.sa-table-row{border-bottom:1px solid var(--sa-card-border);transition:all .2s}.sa-table-row:hover{background:hsl(var(--primary) / .02)}.sa-activity-item{border:1px solid #0000;border-radius:.75rem;padding:1rem;transition:all .3s;position:relative}.sa-activity-item:hover{background:hsl(var(--muted) / .5);border-color:var(--sa-card-border);transform:translate(4px)}.sa-activity-dot{background:var(--primary);width:8px;height:8px;box-shadow:0 0 10px var(--primary);border-radius:50%;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.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 #0000001a}.sa-chart-title{color:hsl(var(--foreground));align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;font-weight:700;display:flex}@keyframes sa-reveal{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.sa-animate-in{animation:.6s cubic-bezier(.22,1,.36,1) both sa-reveal}.sa-sidebar ::-webkit-scrollbar{width:4px}.sa-sidebar ::-webkit-scrollbar-track{background:0 0}.sa-sidebar ::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.sa-sidebar-back{color:#7b819d;border-radius:.75rem;align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:.8125rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.sa-sidebar-back:hover{color:#fff;background:#1a1c2380;transform:translate(4px)}.sa-pulse-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px;animation:2s infinite sa-pulse;box-shadow:0 0 #10b981b3}@keyframes sa-pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.sa-badge--owner{color:#f59e0b;background:#f59f0a1a;border-color:#f59f0a33;align-items:center;gap:.25rem;display:inline-flex}.sa-badge--admin{color:#8b5cf6;background:#7c3bed1a;border-color:#7c3bed33;align-items:center;gap:.25rem;display:inline-flex}.sa-badge--moderator{color:#0d9488;background:#1fadad1a;border-color:#1fadad33;align-items:center;gap:.25rem;display:inline-flex}.sa-badge--user{color:#4b5563;background:#3d668f1a;border-color:#3d668f33;align-items:center;gap:.25rem;display:inline-flex}