:root{--ink:#e9f3f7;--muted:#78909b;--bg:#071117;--panel:#0b1921;--panel2:#0e2029;--line:#1c3641;--cyan:#55e6e1;--amber:#ffbd5c;--violet:#a891ff;--green:#82e89a;--red:#ff6e72;--grid:#15303a;--mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;--sans:"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif}
*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:var(--sans)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 84% 7%,rgba(85,230,225,.09),transparent 28%),linear-gradient(180deg,#071117,#08141a 60%,#061016)}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.masthead{max-width:1440px;margin:auto;padding:52px 42px 30px;display:flex;justify-content:space-between;gap:32px;align-items:end;border-bottom:1px solid var(--line)}.eyebrow,.section-tag{font:600 11px/1 var(--mono);letter-spacing:.18em;color:var(--cyan);text-transform:uppercase}.masthead h1{font-size:clamp(42px,7vw,92px);line-height:.92;letter-spacing:-.065em;margin:14px 0 18px;font-weight:800}.lede{color:#a9bbc3;max-width:660px;font-size:16px;margin:0}.status-lockup{display:flex;align-items:center;gap:13px;min-width:180px;padding:13px 16px;border:1px solid var(--line);background:rgba(11,25,33,.75)}.status-lockup strong,.status-lockup small{display:block}.status-lockup strong{font-size:14px}.status-lockup small{font:11px var(--mono);color:var(--muted);margin-top:4px}.status-dot{width:11px;height:11px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 5px rgba(120,144,155,.1)}.status-dot.running{background:var(--cyan);box-shadow:0 0 20px var(--cyan)}.status-dot.complete{background:var(--green)}.status-dot.failed{background:var(--red)}main{max-width:1440px;margin:auto;padding:30px 42px 50px}.pulse-panel,.chart-card,.table-panel,.kpi-grid article{background:linear-gradient(145deg,rgba(14,32,41,.95),rgba(9,23,30,.95));border:1px solid var(--line)}.pulse-panel{padding:25px}.pulse-head,.card-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.pulse-head h2,.card-head h3{margin:8px 0 0}.pulse-head h2{font-size:24px}.progress-copy{text-align:right}.progress-copy b{font:24px var(--mono);display:block}.progress-copy span{font-size:11px;color:var(--muted)}.pulse-track{height:18px;margin:24px 0 20px;background:#061016;border:1px solid #17313b;position:relative;overflow:hidden}.pulse-track:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 49px,rgba(85,230,225,.12) 50px)}.pulse-fill{height:100%;width:0;background:linear-gradient(90deg,#277d82,var(--cyan));transition:width .7s ease}.scanner{position:absolute;top:-4px;bottom:-4px;width:2px;left:0;background:#fff;box-shadow:0 0 14px var(--cyan);transition:left .7s ease}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process-grid div{padding:18px 14px 5px;border-right:1px solid var(--line)}.process-grid div:last-child{border:0}.process-grid span,.kpi-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.process-grid b{font:15px var(--mono)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0}.kpi-grid article{padding:22px}.kpi-grid strong{font:700 clamp(26px,3vw,42px)/1 var(--mono);display:block;color:var(--cyan)}.kpi-grid small{display:block;color:#617b86;margin-top:12px;font-size:11px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chart-card{padding:22px;min-width:0}.chart-card.wide{grid-column:span 2}.card-head h3{font-size:18px}.legend{font:11px var(--mono);color:var(--muted);display:flex;gap:8px;align-items:center}.legend i{width:16px;height:2px;display:inline-block;margin-left:9px}.cyan{background:var(--cyan)}.amber{background:var(--amber)}.violet{background:var(--violet)}.green{background:var(--green)}.chart{display:block;width:100%;height:330px;margin-top:10px;overflow:visible}.chart text{font-family:var(--mono);fill:#78909b;font-size:11px}.chart .grid{stroke:var(--grid);stroke-width:1}.chart .axis{stroke:#31505b;stroke-width:1}.chart .line{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.chart .dot{stroke:var(--panel);stroke-width:3}.chart .bar{opacity:.82}.table-panel{margin-top:14px;padding:22px}.table-panel p{color:var(--muted);font-size:12px}.table-wrap{overflow:auto;margin-top:18px}table{width:100%;border-collapse:collapse;min-width:920px}th,td{text-align:right;padding:13px 11px;border-bottom:1px solid var(--line);font:12px var(--mono)}th{color:#78909b;font-weight:500}td:first-child,th:first-child{text-align:left}tbody tr:hover{background:rgba(85,230,225,.035)}td.good{color:var(--green)}td.warn{color:var(--amber)}td.bad{color:var(--red)}td.empty{text-align:center;color:var(--muted);padding:35px}footer{max-width:1440px;margin:auto;padding:18px 42px 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#536e79;font:11px var(--mono)}@media(max-width:800px){.masthead{padding:34px 20px 24px;display:block}.status-lockup{margin-top:24px}.masthead h1{font-size:54px}main{padding:20px}.process-grid,.kpi-grid{grid-template-columns:1fr 1fr}.chart-grid{display:block}.chart-card{margin-bottom:14px}.chart-card.wide{grid-column:auto}.chart{height:280px}.pulse-head{align-items:start}.process-grid div:nth-child(2){border-right:0}.kpi-grid{gap:10px}.kpi-grid article{padding:16px}footer{padding:18px 20px;display:block}footer span{display:block;margin:6px 0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.scanner{display:none}}