:root{--primary-color: #0f172a;--accent-color: #38bdf8;--highlight-color: #f472b6;--bg-dark: #020617;--glass-bg: rgba(15, 23, 42, .6);--glass-border: rgba(255, 255, 255, .1);--text-primary: #f8fafc;--text-secondary: #94a3b8;--sidebar-width: 320px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);height:100vh;overflow:hidden;background-image:radial-gradient(circle at 50% 0%,#1e293b 0%,transparent 50%),radial-gradient(circle at 80% 50%,#1e1b4b 0%,transparent 40%)}#root{height:100%}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000005c;border-radius:16px}.step-item{transition:all .3s ease;border-left:3px solid transparent}.step-item.active{background:#38bdf81a;border-left-color:var(--accent-color);box-shadow:0 0 20px #38bdf80d}.step-item.completed{background:#22c55e0d;border-left-color:#22c55e;opacity:.7}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}