:root{--bg-dark: #0f172a;--bg-sidebar: #1e293b;--bg-card: #334155;--primary: #3b82f6;--primary-hover: #2563eb;--text-main: #f8fafc;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .1);--glass: rgba(255, 255, 255, .05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-main);height:100vh;overflow:hidden}#root{height:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border)}.gradient-text{background:linear-gradient(135deg,#60a5fa,#a855f7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pipeline-btn{transition:all .2s ease;font-weight:500}.pipeline-btn:hover{filter:brightness(1.2);transform:translateY(-1px)}.pipeline-btn:active{transform:translateY(0)}.progress-bg{box-shadow:inset 0 1px 2px #0003}