:root{--page:#08090f;--bg:#12141c;--panel:#1a1d27;--border:rgba(255,255,255,.075);--ink-1:#eceef5;--ink-2:#a8adbd;--ink-3:#848aa0;--accent:#e8a33d;--accent-2:#8792ff;--accent-soft:rgba(232,163,61,.13);--up:#59c98d;--down:#ff695f;--warn:#e8a33d;--mono:"SFMono-Regular","Cascadia Mono","Microsoft YaHei",monospace;--sans:"Aptos","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{background:var(--page)}body{margin:0;background:var(--page);color:var(--ink-1);font-family:var(--sans);overflow:hidden}button{font:inherit;color:inherit}.skip{position:fixed;top:-60px;left:10px;z-index:99;background:var(--accent);color:#161008;padding:10px}.skip:focus{top:10px}.command-bar{height:62px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;border-bottom:1px solid var(--border);background:var(--bg)}.identity{display:flex;align-items:center;gap:12px}.identity i{width:9px;height:9px;background:var(--accent)}.identity strong{font-size:14px}.identity span,.freshness,.controls{font:10px var(--mono);color:var(--ink-3)}.freshness{display:flex;align-items:center;gap:10px}.freshness>span{width:7px;height:7px;border-radius:50%;background:var(--up)}.freshness time{color:var(--ink-2)}.controls{justify-self:end;display:flex;align-items:center;gap:7px}.controls button,.status-spine button{min-height:34px;border:1px solid var(--border);background:var(--panel);padding:0 10px;cursor:pointer}.controls button:hover,.controls button:focus-visible,.status-spine button:hover{border-color:var(--accent);color:var(--accent)}#clock{margin-left:10px;color:var(--ink-1)}.screen{height:calc(100vh - 92px);min-height:650px;display:grid;grid-template-columns:250px 1fr 330px}.status-spine,.action-rail{background:var(--bg);padding:22px;border-right:1px solid var(--border);overflow:auto}.action-rail{border-right:0;border-left:1px solid var(--border)}.micro,.panel-head span,.action-rail header>span,.owner-board>p{font:9px var(--mono);letter-spacing:.08em;color:var(--ink-3);text-transform:uppercase}.health{display:flex;align-items:baseline;margin-top:42px}.health strong{font:300 clamp(74px,6vw,118px)/.8 var(--mono);letter-spacing:-.1em}.health>span{font:12px var(--mono);color:var(--ink-3)}.health p{position:absolute;margin-top:85px;color:var(--accent);font:11px var(--mono)}.status-rule{height:5px;background:var(--panel);margin:38px 0 24px}.status-rule i{display:block;height:100%;width:0;background:var(--accent);transform-origin:left;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.health-summary{font:12px/1.65 var(--mono);color:var(--ink-2);min-height:80px}.data-meta{margin:35px 0;border-top:1px solid var(--border)}.data-meta div{padding:12px 0;border-bottom:1px solid var(--border)}.data-meta dt{font:9px var(--mono);color:var(--ink-3)}.data-meta dd{margin:6px 0 0;font:10px var(--mono)}.status-spine>button{width:100%}.dashboard-core{padding:14px;display:grid;grid-template-columns:1.7fr .8fr;grid-template-rows:112px 1fr 210px;gap:10px;overflow:hidden}.metric-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);background:var(--border);gap:1px}.metric{background:var(--bg);padding:14px 18px;position:relative}.metric small{font:9px var(--mono);color:var(--ink-3)}.metric strong{display:block;font:300 clamp(30px,2.7vw,52px)/1 var(--mono);letter-spacing:-.07em;margin-top:15px}.metric strong i{font-style:normal;font-size:11px;color:var(--ink-3);letter-spacing:0}.metric em{position:absolute;right:15px;top:15px;font:10px var(--mono);font-style:normal}.metric em.up{color:var(--up)}.metric em.down{color:var(--down)}.metric .threshold{position:absolute;right:15px;bottom:13px;font:8px var(--mono);color:var(--ink-3)}.trend-panel,.structure-panel,.pipeline-panel{background:var(--bg);padding:17px;min-width:0;overflow:hidden}.trend-panel{grid-row:2;grid-column:1}.structure-panel{grid-row:2;grid-column:2}.pipeline-panel{grid-column:1/-1}.panel-head{display:flex;align-items:flex-start;justify-content:space-between}.panel-head h2{font-size:15px;margin:4px 0 0}.legend{display:flex;gap:14px;font:9px var(--mono);color:var(--ink-3)}.legend i{display:inline-block;width:16px;height:2px;background:var(--accent);margin-right:6px;vertical-align:middle}.legend i.dashed{background:repeating-linear-gradient(90deg,var(--accent-2) 0 4px,transparent 4px 7px)}.chart{height:calc(100% - 45px);min-height:250px}.chart svg{width:100%;height:100%;overflow:visible}.grid-line{stroke:var(--border);stroke-width:1}.axis-label{fill:var(--ink-3);font:9px var(--mono)}.volume-area{fill:rgba(232,163,61,.07)}.volume-line{fill:none;stroke:var(--accent);stroke-width:2.5;vector-effect:non-scaling-stroke}.delay-line{fill:none;stroke:var(--accent-2);stroke-width:2;stroke-dasharray:6 5;vector-effect:non-scaling-stroke}.chart-dot{fill:var(--bg);stroke:var(--accent);stroke-width:2}.chart-summary{font:10px var(--mono);color:var(--ink-3);position:absolute;left:-9999px}.chart-summary:focus-within{position:fixed;z-index:50;left:20px;top:80px;background:var(--bg);padding:20px}.chart-summary table{border-collapse:collapse}.chart-summary th,.chart-summary td{padding:7px;border:1px solid var(--border)}.structure-panel .panel-head b{font:300 24px var(--mono);color:var(--accent)}.structure-chart{margin-top:24px}.bar-row{margin-bottom:17px}.bar-meta{display:flex;justify-content:space-between;font:10px var(--mono)}.bar-meta span:last-child{color:var(--ink-3)}.bar-track{height:7px;background:var(--panel);margin-top:7px;position:relative}.bar-track i{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.bar-track b{position:absolute;left:var(--target);top:-3px;width:1px;height:13px;background:var(--ink-3)}.pipeline-panel #pipeline{height:145px;margin-top:12px;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border)}.pipe-node{background:var(--panel);padding:15px}.pipe-node span{font:9px var(--mono);color:var(--ink-3)}.pipe-node strong{display:block;font:300 26px var(--mono);margin:12px 0 5px}.pipe-node small{font:9px var(--mono);color:var(--up)}.pipe-node.alert small{color:var(--down)}.action-rail header{display:flex;justify-content:space-between;align-items:center}.action-rail header output{display:grid;place-items:center;width:31px;height:31px;background:var(--down);font:700 12px var(--mono)}.alerts{margin-top:22px}.alert-card{width:100%;text-align:left;padding:16px 0;border:0;border-top:1px solid var(--border);background:none;cursor:pointer}.alert-card .alert-top{display:flex;justify-content:space-between;font:9px var(--mono);color:var(--ink-3)}.alert-card .severity{color:var(--down)}.alert-card h3{font-size:14px;margin:13px 0 7px}.alert-card p{font:10px/1.5 var(--mono);color:var(--ink-2);margin:0}.alert-card footer{display:flex;justify-content:space-between;margin-top:14px;font:9px var(--mono);color:var(--ink-3)}.owner-board{margin-top:28px;border-top:1px solid var(--border);padding-top:17px}.owner-board div{display:flex;justify-content:space-between;padding:9px 0;font:10px var(--mono);color:var(--ink-3)}.owner-board b{color:var(--ink-1)}.screen-footer{height:30px;padding:0 20px;display:flex;align-items:center;gap:28px;border-top:1px solid var(--border);font:9px var(--mono);color:var(--ink-3)}.screen-footer span:first-child{margin-right:auto}.screen-footer a{color:var(--accent)}dialog{width:min(90vw,680px);background:var(--bg);color:var(--ink-1);border:1px solid var(--border);padding:35px}dialog::backdrop{background:#020309dc}dialog>button:first-child{float:right;background:none;border:0}dialog>span{font:10px var(--mono);color:var(--down)}dialog h2{font-size:36px}dialog dl div{display:grid;grid-template-columns:130px 1fr;padding:12px 0;border-top:1px solid var(--border);font:11px var(--mono)}dialog dt{color:var(--ink-3)}dialog dd{margin:0}#acknowledge-button{margin-top:25px;min-height:44px;background:var(--accent);color:#171008;border:0;padding:0 16px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1100px){body{overflow:auto}.command-bar{grid-template-columns:1fr auto}.freshness{display:none}.screen{height:auto;grid-template-columns:210px 1fr}.action-rail{grid-column:1/-1;border-left:0;border-top:1px solid var(--border)}.dashboard-core{grid-template-rows:112px 430px 330px 210px}.trend-panel{grid-column:1/-1}.structure-panel{grid-row:3;grid-column:1}.pipeline-panel{grid-row:4}.screen-footer{height:auto;padding-block:12px;flex-wrap:wrap}}@media(max-width:700px){.command-bar{height:auto;min-height:62px}.identity span,.controls button:not(#fullscreen-button),#clock{display:none}.screen{grid-template-columns:1fr}.status-spine{border-right:0}.dashboard-core{grid-template-columns:1fr;grid-template-rows:auto 390px auto auto}.metric-strip{grid-template-columns:1fr 1fr}.trend-panel{grid-row:2}.structure-panel{grid-row:3;grid-column:1}.pipeline-panel{grid-row:4}.pipeline-panel #pipeline{height:auto;grid-template-columns:1fr 1fr}.action-rail{grid-column:1}.screen-footer{padding-inline:12px}.screen-footer span{display:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}.bar-track i{transform:scaleX(1)!important}}