:root{--primary: hsl(243, 75%, 59%);--primary-foreground: hsl(0, 0%, 100%);--background: hsl(240, 20%, 98%);--foreground: hsl(240, 10%, 13%);--accent: hsl(243, 75%, 96%);--accent-hover: hsl(243, 75%, 92%);--accent-foreground: hsl(243, 75%, 30%);--muted: hsl(240, 10%, 96%);--muted-foreground: hsl(240, 5%, 45%);--card: hsl(0, 0%, 100%);--popover: hsl(0, 0%, 100%);--popover-foreground: hsl(240, 10%, 13%);--border: hsl(240, 6%, 90%);--scrollbar: hsla(240, 5%, 60%, .4);--success: hsl(160, 84%, 39%);--warning: hsl(38, 92%, 50%);--error: hsl(0, 84%, 60%)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:5px}:root{--utopia-primary: #06b6d4;--utopia-primary-hover: #0891b2;--utopia-primary-active: #0e7490;--utopia-accent: #f59e0b;--utopia-accent-hover: #d97706;--utopia-success: #10b981;--utopia-warning: #f59e0b;--utopia-error: #ef4444;--utopia-info: #06b6d4;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--utopia-bg: #f7f8fa;--utopia-bg-elevated: #ffffff;--utopia-bg-sunken: #f0f1f3;--utopia-border: #e4e7ec;--utopia-border-subtle: #f0f1f3;--utopia-text: #111827;--utopia-text-secondary: #6b7280;--utopia-text-tertiary: #9ca3af;--utopia-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--utopia-shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--utopia-shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--utopia-sidebar-bg: #ffffff;--utopia-header-bg: rgba(255, 255, 255, .85);--utopia-card-bg: #ffffff;--utopia-stat-icon-bg: rgba(6, 182, 212, .08);--utopia-code-bg: #f3f4f6;--utopia-hover-bg: rgba(0, 0, 0, .03)}[data-theme=dark]{--utopia-bg: #0c0e14;--utopia-bg-elevated: #161b22;--utopia-bg-sunken: #090b10;--utopia-border: #2a2f3a;--utopia-border-subtle: #1e2330;--utopia-text: #e6edf3;--utopia-text-secondary: #8b949e;--utopia-text-tertiary: #555d6b;--utopia-shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--utopia-shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--utopia-shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--utopia-sidebar-bg: #111520;--utopia-header-bg: rgba(12, 14, 20, .85);--utopia-card-bg: #161b22;--utopia-stat-icon-bg: rgba(6, 182, 212, .12);--utopia-code-bg: #1e2330;--utopia-hover-bg: rgba(255, 255, 255, .04)}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-sans);background:var(--utopia-bg);color:var(--utopia-text);transition:background var(--transition-slow),color var(--transition-slow)}.ant-typography,.ant-btn,.ant-input,.ant-select,.ant-table,.ant-card,.ant-tabs,.ant-menu,.ant-form-item-label>label,.ant-modal-title,.ant-descriptions-title,.ant-statistic-title,.ant-statistic-content,.ant-tag,.ant-badge,.ant-alert-message,.ant-alert-description,.ant-message-notice-content,.ant-dropdown-menu-item,.ant-modal-body{font-family:var(--font-sans)!important}.ant-typography code,code,pre,.utopia-mono{font-family:var(--font-mono)!important}.ant-btn{transition:all var(--transition-fast)!important}.ant-card{transition:box-shadow var(--transition-base),border-color var(--transition-base)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--utopia-text-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--utopia-text-secondary)}.utopia-page{width:100%}.utopia-dashboard-shell{display:flex;max-width:min(1800px,70vw);margin:0 auto;min-height:calc(100vh - 56px);width:100%}.utopia-dashboard-sidebar{width:230px;flex-shrink:0;background:var(--utopia-sidebar-bg);border-right:1px solid var(--utopia-border-subtle);position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto}.utopia-dashboard-content{flex:1;min-width:0;padding:28px}.utopia-header-inner{max-width:min(1800px,70vw);margin:0 auto;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px}@media(max-width:1800px){.utopia-dashboard-shell,.utopia-header-inner{max-width:100%}}.utopia-fade-in{animation:utopiaFadeIn var(--transition-slow) ease-out}@keyframes utopiaFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.utopia-stagger>*{animation:utopiaFadeIn var(--transition-slow) ease-out both}.utopia-stagger>*:nth-child(1){animation-delay:0ms}.utopia-stagger>*:nth-child(2){animation-delay:50ms}.utopia-stagger>*:nth-child(3){animation-delay:.1s}.utopia-stagger>*:nth-child(4){animation-delay:.15s}.utopia-stagger>*:nth-child(5){animation-delay:.2s}.utopia-stagger>*:nth-child(6){animation-delay:.25s}.utopia-auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--utopia-bg);position:relative;overflow:hidden}.utopia-auth-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 20%,rgba(6,182,212,.06) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(245,158,11,.04) 0%,transparent 50%);pointer-events:none}.utopia-auth-card{width:100%;max-width:420px;position:relative;z-index:1}.utopia-hero{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;text-align:center;padding:48px 24px;position:relative;overflow:hidden}.utopia-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(6,182,212,.08) 0%,transparent 60%),radial-gradient(ellipse at 20% 80%,rgba(245,158,11,.05) 0%,transparent 50%);pointer-events:none}