:root{--bg-base: #080816;--bg-surface: #0e0e24;--bg-elevated: #14142e;--bg-glass: rgba(255, 255, 255, .04);--bg-glass-hover: rgba(255, 255, 255, .07);--accent-primary: #7c3aed;--accent-cyan: #06b6d4;--accent-green: #10b981;--accent-amber: #f59e0b;--accent-red: #ef4444;--gradient-main: linear-gradient(135deg, #7c3aed 0%, #06b6d4 100%);--gradient-glow: linear-gradient(135deg, rgba(124,58,237,.3) 0%, rgba(6,182,212,.3) 100%);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #475569;--border: rgba(255,255,255,.08);--border-accent: rgba(124,58,237,.4);--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-w: 240px;--header-h: 60px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-md)}.gradient-text{background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.glow-box{position:relative}.glow-box:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:var(--gradient-main);border-radius:inherit;z-index:-1;opacity:.5;filter:blur(8px);transition:var(--transition)}.glow-box:hover:before{opacity:.8;filter:blur(12px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:var(--radius-sm);font-weight:500;transition:var(--transition);font-size:14px}.btn-primary{background:var(--gradient-main);color:#fff;border:none;box-shadow:0 4px 12px #7c3aed33}.btn-primary:hover{box-shadow:0 4px 16px #7c3aed66;transform:translateY(-1px)}.btn-glass{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-primary)}.btn-glass:hover{background:var(--bg-glass-hover);border-color:var(--text-secondary)}.layout-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.header{height:var(--header-h);flex-shrink:0;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;background:var(--bg-base)}.page-content{flex:1;overflow-y:auto;padding:24px}