:root{--canvas-bg: #0f172a;--panel-bg: #1e293b;--btn-subtle-bg: rgba(30, 41, 59, .85);--input-bg: #0f172a;--bg-hover: #334155;--border-light: rgba(255, 255, 255, .08);--border-medium: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--panel-shadow: 0 4px 24px rgba(0, 0, 0, .35);--overlay-bg: rgba(0, 0, 0, .72);--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--accent-info: #06b6d4;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition-fast: .15s ease;--transition-normal: .25s ease}[data-theme=light]{--canvas-bg: #f8fafc;--panel-bg: #ffffff;--btn-subtle-bg: rgba(255, 255, 255, .9);--input-bg: #f8fafc;--bg-hover: #f1f5f9;--border-light: #e2e8f0;--border-medium: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--panel-shadow: 0 4px 24px rgba(0, 0, 0, .08);--overlay-bg: rgba(0, 0, 0, .5);--accent-primary: #2563eb;--accent-secondary: #7c3aed;--accent-success: #059669;--accent-warning: #d97706;--accent-danger: #dc2626;--accent-info: #0891b2}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--canvas-bg);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--canvas-bg);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:6px;min-height:40px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes softPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-up{animation:fadeUp .3s ease forwards}.animate-fade-in{animation:fadeIn .2s ease forwards}.nav-item-glow:hover{box-shadow:0 0 15px #ffffff1a,inset 0 0 10px #ffffff0d!important;background:#ffffff1f!important}.icon-pulse{animation:softPulse 2s infinite ease-in-out}.proj-item:hover .proj-actions{opacity:1!important}