:root{--bg-canvas: #07080b;--bg-surface: #0b0d14;--bg-elevated: #11141e;--bg-highlight: #171b29;--border-subtle: rgba(255, 255, 255, .07);--border-medium: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .22);--text-primary: #f1f3f9;--text-secondary: #9aa2b5;--text-muted: #676e82;--accent-amber: #f59e0b;--accent-amber-dim: rgba(245, 158, 11, .12);--accent-amber-border: rgba(245, 158, 11, .35);--accent-cyan: #38bdf8;--accent-cyan-dim: rgba(56, 189, 248, .12);--accent-cyan-border: rgba(56, 189, 248, .35);--accent-emerald: #10b981;--accent-emerald-dim: rgba(16, 185, 129, .12);--accent-emerald-border: rgba(16, 185, 129, .35);--accent-rose: #f43f5e;--accent-rose-dim: rgba(244, 63, 94, .12);--accent-rose-border: rgba(244, 63, 94, .35);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Syne", system-ui, sans-serif;--font-grotesk: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Space Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans);font-weight:400;background-image:linear-gradient(to right,rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.015) 1px,transparent 1px);background-size:32px 32px;background-attachment:fixed;min-height:100vh;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:.03em;color:#fff}.glass-panel{background:#0b0d14;border:1px solid var(--border-medium);border-radius:.75rem;box-shadow:0 8px 24px -4px #0009;transition:border-color .2s ease,box-shadow .2s ease}.glass-panel:hover{border-color:#ffffff2e}.workflow-stepper-container{display:flex;align-items:center;gap:.5rem}.stepper-connector{width:1.5rem;height:1px;background:var(--border-medium);flex-shrink:0}.stage-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:.5rem;background:#0e111a;border:1px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.stage-btn .stage-num{font-size:.6875rem;color:var(--text-muted);font-weight:600;padding:.125rem .375rem;border-radius:.25rem;background:#ffffff0a;border:1px solid var(--border-subtle);transition:all .2s ease}.stage-btn .stage-title{font-weight:600;color:#fff}.stage-btn .stage-sub{font-size:.6875rem;color:var(--text-muted)}.stage-btn:hover{background:#141824;border-color:#ffffff40;color:#fff}.stage-btn:hover .stage-num{color:#fff;border-color:#fff3}.stage-btn.active{background:#131722;border-color:var(--accent-amber);color:#fff;box-shadow:0 0 16px -2px #f59e0b26,inset 0 1px #ffffff1a}.stage-btn.active .stage-num{background:var(--accent-amber-dim);color:var(--accent-amber);border-color:var(--accent-amber-border)}.stage-btn.completed .stage-num{background:var(--accent-emerald-dim);color:var(--accent-emerald);border-color:var(--accent-emerald-border)}.kpi-card{padding:.875rem 1rem;border-radius:.5rem;background:#090a10;border:1px solid var(--border-medium);display:flex;flex-direction:column;justify-content:space-between;transition:all .2s ease}.kpi-card:hover{border-color:#ffffff40;background:#0d0f17}.kpi-label{font-family:var(--font-mono);font-size:.625rem;text-transform:uppercase;letter-spacing:.18em;font-weight:500;color:var(--text-muted)}.kpi-value{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;letter-spacing:.01em;color:#fff}.btn-action,.btn-utility{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .875rem;border-radius:.375rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;background:#10131d;border:1px solid var(--border-medium);color:var(--text-primary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-action:hover,.btn-utility:hover{background:#171c2a;border-color:#ffffff40;color:#fff}.btn-action:active,.btn-utility:active{transform:translateY(1px)}.demo-btn{padding:.4rem .7rem;border-radius:.375rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.08em;border:1px solid var(--border-medium);background:#0e111a;color:var(--text-secondary);transition:all .15s ease;cursor:pointer}.demo-btn:hover{border-color:#ffffff4d;background:#151926;color:#fff}input[type=text],input[type=date],select,textarea{background:#090a10;border:1px solid var(--border-medium);color:#fff;font-family:var(--font-mono);font-size:.8125rem;transition:border-color .15s ease,box-shadow .15s ease}input[type=text]:focus,input[type=date]:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-amber);box-shadow:0 0 0 1px var(--accent-amber)}button:focus-visible,summary:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}table{width:100%;border-collapse:collapse}th{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);font-weight:500}td{font-size:.8125rem;color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#07080b}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff47}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media (max-width: 640px){.stage-btn{padding:.4rem .65rem;font-size:.6875rem}.kpi-card{padding:.75rem}.kpi-value{font-size:1.125rem}}