:root{--bg:#030303;--panel:#0d0d0d;--line:#272727;--text:#f5f5f5;--muted:#a7a7a7;--accent:#fff}*{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--text);background:radial-gradient(circle at 5% 5%,#1a1a1a 0%,#050505 45%,#000 100%);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:linear-gradient(#0a0a0a,#050505);padding:18px}.sidebar h1{margin:0;font-size:24px}.sidebar-sub{color:var(--muted);margin:10px 0 14px;font-size:13px}.nav-btn{text-align:left;color:#d8d8d8;cursor:pointer;background:0 0;border:1px solid #3b3b3b;border-radius:10px;width:100%;margin-bottom:8px;padding:10px 12px}.nav-btn.active{color:#000;background:#fff;border-color:#fff;font-weight:700}.content{padding:20px}.status-banner{border:1px solid var(--line);color:var(--muted);background:#0a0a0a;border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:12px}.module-grid{grid-template-columns:1fr;gap:12px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:14px}.hero-panel{color:#000;background:linear-gradient(120deg,#fff 0%,#d7d7d7 40%,#8c8c8c 100%)}.hero-panel code{background:#0000001f;border-radius:8px;padding:2px 6px}h2,h3{margin:0 0 10px}.control-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}label{color:var(--muted);gap:6px;font-size:12px;display:grid}input,select,button{color:var(--text);background:#111;border:1px solid #3a3a3a;border-radius:8px;padding:8px 10px;font-size:13px}button{background:var(--accent);color:#000;cursor:pointer;border:none;font-weight:700}button.ghost{color:var(--text);background:0 0;border:1px solid #505050}button:disabled{opacity:.6;cursor:wait}.row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;display:grid}.metric-card{border:1px solid var(--line);background:#0a0a0a;border-radius:10px;gap:4px;padding:10px;display:grid}.metric-card span{color:var(--muted);font-size:12px}.metric-card strong{font-size:20px}.flow-list{color:#d8d8d8;margin:0;padding-left:20px;line-height:1.5}.tag-wrap{flex-wrap:wrap;gap:8px;display:flex}.tag{border:1px solid #444;border-radius:999px;padding:4px 10px;font-size:12px}.chart-canvas{background:#060606;border:1px solid #262626;border-radius:10px;width:100%}.step-card{background:#090909;border:1px solid #2a2a2a;border-radius:10px;margin-top:10px;padding:12px}.animate-in{animation:.35s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.step-head{justify-content:space-between;margin-bottom:8px;display:flex}.step-meta{color:#c5c5c5;flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.queue-list{gap:7px;margin-top:10px;display:grid}.queue-row{grid-template-columns:150px 1fr 40px;align-items:center;gap:8px;display:grid}.queue-label{color:#cfcfcf;font-size:12px}.queue-bar-wrap{background:#121212;border:1px solid #2b2b2b;border-radius:999px;height:10px;overflow:hidden}.queue-bar{background:linear-gradient(90deg,#fff,#8f8f8f);height:100%;transition:width .5s}.queue-val{text-align:right;color:#ddd;font-size:12px}.jobs-list{gap:8px;display:grid}.job-item{text-align:left;color:#ededed;background:#0b0b0b;border:1px solid #3b3b3b;border-radius:10px;justify-content:space-between;align-items:center;display:flex}.job-item.active{border-color:#fff}.job-status{text-transform:uppercase;letter-spacing:.05em;color:#ccc;font-size:11px}.job-status.running{color:#fff}.job-status.completed{color:#bfbfbf}.job-status.failed{color:#8f8f8f}.progress-track{background:#111;border:1px solid #2a2a2a;border-radius:999px;height:10px;margin-top:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#fff,#888);height:100%;transition:width .5s}.compare-bars{gap:8px;display:grid}.compare-row{grid-template-columns:180px 1fr 60px;align-items:center;gap:10px;display:grid}.compare-label,.compare-value{font-size:12px}.compare-track{background:#0f0f0f;border:1px solid #2f2f2f;border-radius:999px;height:12px;overflow:hidden}.compare-fill{background:linear-gradient(90deg,#fff,#8d8d8d);height:100%;transition:width .6s}.table-wrap{border:1px solid #252525;border-radius:10px;margin-top:10px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #1d1d1d;padding:8px}th{background:#0b0b0b}.muted{color:var(--muted);font-size:12px}.terminal-log{background:#070707;border:1px solid #262626;border-radius:10px;max-height:280px;margin:0;padding:10px;font-size:12px;overflow:auto}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line)}.queue-row{grid-template-columns:120px 1fr 30px}}