:root{--bg-primary:#ededf0;--bg-card:#fff;--bg-card-hover:#f9fafb;--bg-input:#fff;--bg-overlay:hsla(0,0%,100%,.85);--bg-subtle:rgba(0,0,0,.03);--bg-muted:rgba(0,0,0,.06);--text-primary:#0f0f0f;--text-secondary:#374151;--text-muted:#6b7280;--text-dimmed:#9ca3af;--text-on-accent:#fff;--border-default:rgba(0,0,0,.08);--border-light:rgba(0,0,0,.04);--border-input:rgba(0,0,0,.1);--accent:#8b5cf6;--accent-light:rgba(139,92,246,.08);--accent-border:rgba(139,92,246,.15);--shadow-sm:0 1px 2px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.04);--shadow-md:0 2px 4px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.06);--shadow-lg:0 4px 8px rgba(0,0,0,.04),0 16px 48px rgba(0,0,0,.08);color-scheme:light}[data-theme=dark]{--bg-primary:#0f0f12;--bg-card:#1a1a1f;--bg-card-hover:#222228;--bg-input:#1a1a1f;--bg-overlay:rgba(20,20,25,.9);--bg-subtle:hsla(0,0%,100%,.03);--bg-muted:hsla(0,0%,100%,.06);--text-primary:#f5f5f5;--text-secondary:#d1d5db;--text-muted:#9ca3af;--text-dimmed:#6b7280;--text-on-accent:#fff;--border-default:hsla(0,0%,100%,.08);--border-light:hsla(0,0%,100%,.04);--border-input:hsla(0,0%,100%,.1);--accent:#8b5cf6;--accent-light:rgba(139,92,246,.12);--accent-border:rgba(139,92,246,.2);--shadow-sm:0 2px 8px rgba(0,0,0,.2);--shadow-md:0 8px 24px rgba(0,0,0,.3);--shadow-lg:0 16px 48px rgba(0,0,0,.4);color-scheme:dark}*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--color-primary:#8b5cf6;--color-primary-hover:#7c3aed;--color-primary-light:#a78bfa;--color-primary-lighter:#c4b5fd;--color-primary-subtle:rgba(139,92,246,.1);--color-secondary:#ec4899;--color-secondary-hover:#db2777;--color-secondary-light:#f472b6;--color-accent:#06b6d4;--color-accent-light:#22d3ee;--color-background:#fafbff;--color-background-alt:#f5f3ff;--color-background-gradient:linear-gradient(135deg,#fafbff,#f5f3ff 50%,#fdf4ff);--color-surface:#fff;--color-surface-hover:#f9fafb;--color-surface-elevated:#fff;--color-surface-glass:hsla(0,0%,100%,.8);--color-text:#1f2937;--color-text-secondary:#4b5563;--color-text-muted:#9ca3af;--color-text-inverse:#fff;--color-border:rgba(139,92,246,.12);--color-border-hover:rgba(139,92,246,.3);--color-border-focus:#8b5cf6;--color-error:#ef4444;--color-error-light:#fee2e2;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-info:#3b82f6;--color-info-light:#dbeafe;--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Unbounded",sans-serif;--font-mono:"JetBrains Mono","SF Mono",monospace;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.05),0 4px 6px -2px rgba(0,0,0,.03);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.06),0 10px 10px -5px rgba(0,0,0,.02);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.15);--shadow-primary-sm:0 4px 14px rgba(139,92,246,.15);--shadow-primary-md:0 8px 25px rgba(139,92,246,.2);--shadow-primary-lg:0 15px 40px rgba(139,92,246,.25);--shadow-primary-glow:0 0 30px rgba(139,92,246,.3);--shadow-glass:0 8px 32px rgba(0,0,0,.08),inset 0 0 0 1px hsla(0,0%,100%,.5);--shadow-inner:inset 0 2px 4px rgba(0,0,0,.04);--shadow-glow:0 0 24px rgba(139,92,246,.25);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-back:cubic-bezier(0.34,1.56,0.64,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--ease-bounce:cubic-bezier(0.68,-0.6,0.32,1.6);--transition-fast:all 0.15s var(--ease-out-expo);--transition-normal:all 0.2s var(--ease-out-expo);--transition-slow:all 0.35s var(--ease-out-expo);--transition-spring:all 0.4s var(--ease-spring);--transition-bounce:all 0.5s var(--ease-bounce);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--z-dropdown:100;--z-modal:200;--z-toast:300;--z-tooltip:400}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--color-background-gradient);background-attachment:fixed;color:var(--color-text);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1;font-size:15px;letter-spacing:-.01em}.mono{font-family:var(--font-mono)}.display,h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800}h1,h2,h3,h4,h5,h6{line-height:1.2;letter-spacing:-.02em}::selection{background:var(--color-primary);color:#fff}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--color-primary-subtle)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background-alt);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-primary-lighter);border-radius:10px;border:2px solid var(--color-background-alt)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(139,92,246,.3)}50%{box-shadow:0 0 40px rgba(139,92,246,.5)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(100%) scale(.9)}}@keyframes modalBackdropIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes modalContentIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-fade-in{animation:fadeIn .3s var(--ease-out-expo) forwards}.animate-fade-in-up{animation:fadeInUp .4s var(--ease-out-expo) forwards}.animate-fade-in-down{animation:fadeInDown .4s var(--ease-out-expo) forwards}.animate-fade-in-scale{animation:fadeInScale .3s var(--ease-out-expo) forwards}.animate-slide-in-right{animation:slideInRight .4s var(--ease-out-expo) forwards}.animate-slide-in-left{animation:slideInLeft .4s var(--ease-out-expo) forwards}.animate-slide-up{animation:slideUp .5s var(--ease-out-expo) forwards}.animate-scale-in{animation:scaleIn .25s var(--ease-out-expo) forwards}.animate-pop-in{animation:popIn .4s var(--ease-spring) forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,#f5f3ff 25%,#e9d5ff 50%,#f5f3ff 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.stagger-1{animation-delay:.05s;opacity:0}.stagger-2{animation-delay:.1s;opacity:0}.stagger-3{animation-delay:.15s;opacity:0}.stagger-4{animation-delay:.2s;opacity:0}.stagger-5{animation-delay:.25s;opacity:0}.stagger-6{animation-delay:.3s;opacity:0}.stagger-7{animation-delay:.35s;opacity:0}.stagger-8{animation-delay:.4s;opacity:0}.glass{background:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.5)}.glass,.glass-dark{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-dark{background:rgba(30,30,46,.8);border:1px solid hsla(0,0%,100%,.1)}.glass-purple{background:rgba(139,92,246,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.2)}.gradient-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.gradient-secondary{background:linear-gradient(135deg,#ec4899,#f472b6)}.gradient-accent{background:linear-gradient(135deg,#06b6d4,#22d3ee)}.gradient-rainbow{background:linear-gradient(135deg,#8b5cf6,#ec4899 50%,#f59e0b)}.gradient-mesh{background:radial-gradient(at 40% 20%,rgba(139,92,246,.15) 0,transparent 50%),radial-gradient(at 80% 0,rgba(236,72,153,.1) 0,transparent 50%),radial-gradient(at 0 50%,rgba(59,130,246,.1) 0,transparent 50%),radial-gradient(at 80% 50%,rgba(244,114,182,.1) 0,transparent 50%),radial-gradient(at 0 100%,rgba(167,139,250,.15) 0,transparent 50%)}.gradient-text{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-animated{background:linear-gradient(-45deg,#8b5cf6,#ec4899,#06b6d4,#8b5cf6);background-size:400% 400%;animation:gradient-shift 8s ease infinite}.hover-lift{transition:transform .2s var(--ease-out-expo),box-shadow .2s var(--ease-out-expo)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-lift:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.hover-scale{transition:transform .2s var(--ease-out-expo)}.hover-scale:hover{transform:scale(1.02)}.hover-scale:active{transform:scale(.98)}.hover-glow{transition:box-shadow .3s var(--ease-out-expo)}.hover-glow:hover{box-shadow:var(--shadow-primary-md)}.hover-border{transition:border-color .2s var(--ease-out-expo)}.hover-border:hover{border-color:var(--color-primary)}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-thumb{background:rgba(139,92,246,.3);border-radius:10px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.5)}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.card-elevated{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all .25s var(--ease-out-expo)}.card-elevated:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-interactive{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .2s var(--ease-out-expo);cursor:pointer}.card-interactive:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.card-interactive:active{transform:scale(.99)}.btn-base{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:500;border-radius:var(--radius-lg);transition:all .2s var(--ease-out-expo);cursor:pointer;border:none;outline:none}.btn-base:focus-visible{box-shadow:0 0 0 3px var(--color-primary-subtle)}.btn-base:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input-base{width:100%;padding:12px 16px;font-family:var(--font-body);font-size:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);transition:all .2s var(--ease-out-expo);outline:none}.input-base::placeholder{color:var(--color-text-muted)}.input-base:hover{border-color:var(--color-border-hover)}.input-base:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:1024px){.dash-main-header{flex-direction:column;align-items:flex-start!important;gap:8px}}@media (max-width:768px){.d-card{padding:14px!important;border-radius:14px!important}.dash-main-title{font-size:20px!important}.d-btn{font-size:12px!important;padding:8px 14px!important}.d-stat-value{font-size:22px!important}.d-responsive-grid{grid-template-columns:1fr!important}}@media (max-width:480px){.dash-main-title{font-size:18px!important}.d-card{padding:12px!important;border-radius:12px!important}}.d-btn-dark{background:#0f0f0f;color:#fff;border:none;padding:10px 20px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;gap:8px;text-decoration:none}.d-btn-dark:hover{background:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.15)}[data-theme=dark] body{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .dash-shell{background:var(--bg-primary)!important}[data-theme=dark] .dash-island{background:rgba(26,26,31,.6)!important;border-color:var(--border-default)!important;box-shadow:0 16px 64px rgba(0,0,0,.3)!important}[data-theme=dark] .dash-side{background:rgba(26,26,31,.5)!important;border-right-color:var(--border-default)!important}[data-theme=dark] .dash-side-logo{color:var(--text-primary)!important}[data-theme=dark] .dash-side-ws{background:hsla(0,0%,100%,.04)!important;border-color:var(--border-default)!important;color:var(--text-muted)!important}[data-theme=dark] .dash-side-ws-name{color:var(--text-primary)!important}[data-theme=dark] .dash-nav-item{color:var(--text-muted)!important}[data-theme=dark] .dash-nav-item:hover{background:hsla(0,0%,100%,.05)!important;color:var(--text-primary)!important}[data-theme=dark] .dash-nav-item.active{background:hsla(0,0%,100%,.08)!important;color:var(--text-primary)!important}[data-theme=dark] .dash-nav-item.active svg{stroke:var(--text-primary)!important}[data-theme=dark] .dash-side-user{background:hsla(0,0%,100%,.04)!important;border-color:var(--border-default)!important}[data-theme=dark] .dash-side-user-av{background:#f5f5f5!important;color:#0f0f0f!important}[data-theme=dark] .dash-side-user-name{color:var(--text-primary)!important}[data-theme=dark] .dash-side-user-plan{color:var(--text-dimmed)!important}[data-theme=dark] .dash-main-title{color:var(--text-primary)!important}[data-theme=dark] .dash-hamburger{background:rgba(26,26,31,.8)!important;border-color:var(--border-default)!important}[data-theme=dark] .dash-hamburger svg{stroke:var(--text-primary)!important}[data-theme=dark] .dash-bg-blob{opacity:.3!important}[data-theme=dark] .d-card{background:var(--bg-card)!important;border-color:var(--border-default)!important;box-shadow:var(--shadow-sm)!important}[data-theme=dark] .d-card:hover{box-shadow:var(--shadow-md)!important}[data-theme=dark] .d-btn{border-color:var(--border-default)}[data-theme=dark] .d-btn-primary{background:#f5f5f5!important;color:#0f0f0f!important;border-color:#f5f5f5!important}[data-theme=dark] .d-btn-primary:hover{background:#e5e5e5!important}[data-theme=dark] .d-btn-dark{background:#f5f5f5!important;color:#0f0f0f!important}[data-theme=dark] .d-btn-dark:hover{background:#e5e5e5!important}[data-theme=dark] .d-btn-secondary,[data-theme=dark] .d-btn:not(.d-btn-primary):not(.d-btn-danger):not(.d-btn-dark){background:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-default)!important}[data-theme=dark] .d-input,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--bg-input)!important;color:var(--text-primary)!important;border-color:var(--border-input)!important}[data-theme=dark] .d-input::placeholder,[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-dimmed)!important}[data-theme=dark] .d-table th{color:var(--text-dimmed)!important;border-color:var(--border-default)!important}[data-theme=dark] .d-table td{color:var(--text-primary)!important;border-color:var(--border-light)!important}[data-theme=dark] .d-table tr:hover td{background:hsla(0,0%,100%,.02)!important}[data-theme=dark] .d-modal{background:var(--bg-card)!important;border-color:var(--border-default)!important}[data-theme=dark] .d-modal-overlay{background:rgba(0,0,0,.6)!important}[data-theme=dark] .d-modal-title{color:var(--text-primary)!important}[data-theme=dark] .d-empty{color:var(--text-dimmed)!important}[data-theme=dark] .d-empty-icon{background:hsla(0,0%,100%,.05)!important;border-color:var(--border-default)!important}[data-theme=dark] .d-empty-title{color:var(--text-primary)!important}[data-theme=dark] .d-empty-desc{color:var(--text-muted)!important}[data-theme=dark] .d-stat-label{color:var(--text-dimmed)!important}[data-theme=dark] .d-stat-value{color:var(--text-primary)!important}[data-theme=dark] .d-stat-sub{color:var(--text-dimmed)!important}[data-theme=dark] .d-badge{border-color:var(--border-default)}[data-theme=dark] .d-toggle{background:#3a3a40!important}[data-theme=dark] .d-toggle.on{background:#f5f5f5!important}[data-theme=dark] .d-toggle.on:after{background:#0f0f0f!important}[data-theme=dark] .d-card-dark{background:hsla(0,0%,96%,.9)!important;color:#0f0f0f!important;border-color:hsla(0,0%,100%,.1)!important}[data-theme=dark] .ws-dropdown{background:var(--bg-card)!important;border-color:var(--border-default)!important;box-shadow:var(--shadow-lg)!important}[data-theme=dark] .ws-dropdown-item{color:var(--text-secondary)!important}[data-theme=dark] .ws-dropdown-item:hover{background:hsla(0,0%,100%,.05)!important}[data-theme=dark] .ws-dropdown-item.active{background:hsla(0,0%,100%,.08)!important;color:var(--text-primary)!important}[data-theme=dark] .ai-section{background:var(--bg-card)!important;border-color:var(--border-default)!important}[data-theme=dark] .ai-section-head:hover{background:hsla(0,0%,100%,.03)!important}[data-theme=dark] .ai-section-title{color:var(--text-primary)!important}[data-theme=dark] .ai-toggle{background:var(--bg-card)!important;border-color:var(--border-default)!important}[data-theme=dark] .dash-side-mob{background:rgba(26,26,31,.98)!important}[data-theme=dark] .animate-shimmer{background:linear-gradient(90deg,#1a1a1f 25%,#2a2a30 50%,#1a1a1f 75%)!important;background-size:200% 100%}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-primary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.12);border-color:var(--bg-primary)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}[data-theme=dark] .dash-side-footer a{color:var(--text-dimmed)!important}[data-theme=dark] .dash-side-footer a:hover{color:var(--accent)!important}