*{margin:0;padding:0;box-sizing:border-box}:root{--bg-main: #0a0e1a;--bg-sidebar: #0f1421;--bg-card: #151c2e;--bg-card-hover: #1a2438;--bg-input: #1a2236;--bg-glass: rgba(15, 23, 42, .85);--accent: #0ea5e9;--accent-soft: rgba(14, 165, 233, .12);--accent-mid: rgba(14, 165, 233, .25);--green: #10b981;--green-soft: rgba(16, 185, 129, .12);--amber: #f59e0b;--amber-soft: rgba(245, 158, 11, .12);--red: #ef4444;--red-soft: rgba(239, 68, 68, .12);--gray: #374151;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--border: #1e293b;--border-light: #334155;--gradient-green: linear-gradient(135deg, #10b981, #059669);--gradient-amber: linear-gradient(135deg, #f59e0b, #d97706);--gradient-accent: linear-gradient(135deg, #0ea5e9, #0284c7);--gradient-card: linear-gradient(180deg, rgba(15,23,42,.6) 0%, rgba(15,23,42,.9) 100%);--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.25);--shadow-lg: 0 8px 24px rgba(0,0,0,.35);--shadow-glow-accent: 0 0 20px rgba(14,165,233,.15);--shadow-glow-green: 0 0 12px rgba(16,185,129,.15);--shadow-glow-amber: 0 0 12px rgba(245,158,11,.15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg-main);color:var(--text-primary);overflow:hidden;height:100vh}#root{height:100vh;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-sidebar)}::-webkit-scrollbar-thumb{background:var(--gray);border-radius:3px}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .2s ease}input,select{font-family:inherit;outline:none;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #0ea5e926}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #0ea5e94d}50%{box-shadow:0 0 8px 4px #0ea5e926}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}