:root{color-scheme:dark;--bg:#07111f;--card:#0d1929;--line:#21324a;--text:#f3f0e8;--muted:#8fa0b5;--blue:#6ca8ff;--green:#52d19a;--amber:#f0ba61;--red:#ff727d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0,#10243d 0,transparent 38%),var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}main{width:min(1320px,calc(100% - 24px));margin:auto;padding:18px 0 10px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.header-actions{display:flex;align-items:center;gap:18px}#history-open{border:1px solid #334a68;border-radius:8px;background:#102039;color:#d7e2ee;padding:8px 12px;font-weight:700;cursor:pointer}.eyebrow{display:none},.meta label{color:var(--blue);font-size:.72rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}h1{font-size:clamp(1.45rem,3vw,2.15rem);margin:0;letter-spacing:-.04em}h1 span{display:inline-block;vertical-align:middle;margin-left:.5rem;padding:.28rem .48rem;border:1px solid #536377;border-radius:5px;color:#b8c4d1;font-size:.62rem;letter-spacing:.09em}.connection{display:flex;align-items:center;gap:10px;text-align:right}.connection i{width:9px;height:9px;background:var(--amber);border-radius:50%;box-shadow:0 0 15px currentColor}.connection b,.connection small{display:block}.connection small,.meta time,footer{color:var(--muted);font-size:.76rem}.connection.live i{background:var(--green)}.connection.error i{background:var(--red)}.grid{display:grid;grid-template-columns:1.55fr 1fr;grid-template-rows:minmax(250px,.82fr) minmax(320px,1fr);gap:10px;min-height:calc(100vh - 92px)}.card{position:relative;min-height:0;padding:18px 20px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(19,34,53,.95),rgba(10,22,37,.97));box-shadow:0 18px 50px rgba(0,0,0,.17);overflow:hidden}.card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#31455f}.card.changed{animation:pulse 1.1s ease}.meta{display:flex;justify-content:space-between;gap:15px;margin-bottom:16px}.card h2{font-size:1.25rem;margin:0 0 12px}.card p{color:#b7c3d0;margin:0}.status-layout{display:grid;grid-template-rows:minmax(95px,1fr) auto;height:calc(100% - 42px);gap:14px}.status-main{display:flex;align-items:flex-start;gap:19px}.focus-panel{border-top:1px solid var(--line);padding-top:12px}.focus-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.focus-head label{color:var(--blue);font-size:.7rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.focus-head small,#focus-message{color:var(--muted);font-size:.7rem}.focus-panel form{display:flex;align-items:stretch;gap:8px}.focus-panel textarea{width:100%;min-height:62px;resize:none;border:1px solid #2b405d;border-radius:9px;background:#091525;color:var(--text);font:inherit;line-height:1.35;padding:10px 12px}.focus-panel textarea:focus{outline:2px solid rgba(108,168,255,.5);outline-offset:1px}.focus-panel button{flex:0 0 auto;min-width:88px;border:1px solid #3d5c82;border-radius:9px;background:#142b48;color:#eaf2fc;font-weight:700;padding:0 13px;cursor:pointer}.focus-panel button:disabled{opacity:.55;cursor:wait}#focus-message{min-height:1em;margin:4px 0 0}.status-icon{font-size:1.2rem;color:var(--green);padding-top:5px}.status[data-state=warning] .status-icon{color:var(--amber)}.status[data-state=error] .status-icon{color:var(--red)}.status[data-state=neutral] .status-icon{color:var(--blue)}.status:before{background:var(--green)}.status[data-state=warning]:before{background:var(--amber)}.status[data-state=error]:before{background:var(--red)}.status[data-state=neutral]:before{background:var(--blue)}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;height:calc(100% - 42px)}.metric-grid[data-count="1"]{grid-template-columns:1fr}.metric-item{min-width:0;padding:4px 18px 14px 0;display:flex;flex-direction:column;justify-content:center}.metric-item:nth-child(even){padding-left:18px;border-left:1px solid var(--line)}.metric-item:nth-child(n+3){padding-top:16px;border-top:1px solid var(--line)}.metric-item h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-grid:not([data-count="1"]) .value strong{font-size:clamp(2rem,4.2vw,3.5rem)}.metric-grid:not([data-count="1"]) .value{margin:3px 0}.value{display:flex;align-items:baseline;gap:8px;margin:8px 0}.value strong{font-size:clamp(3rem,8vw,5rem);line-height:1;font-weight:750;letter-spacing:-.065em}.value em{color:var(--muted);font-style:normal}.metric p{color:var(--green)}ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}li{display:flex;align-items:center;gap:11px;padding:10px 12px;background:#091525;border:1px solid #1b2c43;border-radius:9px;color:#c9d2dc}li i{display:block;width:10px;height:10px;border:2px solid #64758a;border-radius:50%}li.doing i{border-color:var(--blue);box-shadow:inset 0 0 0 2px #091525;background:var(--blue)}li.done{color:#7f8ea0;text-decoration:line-through}li.done i{background:var(--green);border-color:var(--green)}li.blocked i{background:var(--red);border-color:var(--red)}.note-body{white-space:pre-wrap}.skeleton h2:after{content:"Waiting for data…";color:var(--muted);font-weight:400}@keyframes pulse{0%{border-color:var(--blue);box-shadow:0 0 0 2px rgba(108,168,255,.18)}100%{border-color:var(--line)}}footer{text-align:center;padding:8px 0 0;font-size:.68rem;line-height:1.2;opacity:.72}dialog{width:min(980px,calc(100% - 24px));max-height:88vh;padding:0;border:1px solid var(--line);border-radius:16px;background:#0b1727;color:var(--text);box-shadow:0 30px 90px #0009}dialog::backdrop{background:#020712cc;backdrop-filter:blur(3px)}.history-shell>header{padding:18px 20px;margin:0;border-bottom:1px solid var(--line)}.history-shell header label{color:var(--blue);font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;font-weight:750}.history-shell header h2{margin:2px 0 0}.history-shell header button{border:0;background:none;color:var(--muted);font-size:2rem;cursor:pointer}.history-shell nav{display:flex;gap:6px;padding:12px 16px;border-bottom:1px solid var(--line);overflow:auto}.history-shell nav button{border:1px solid #2a3d57;background:#0b1727;color:#aab8c8;padding:7px 10px;border-radius:999px;cursor:pointer}.history-shell nav button.active{background:#183457;color:#fff;border-color:#4773a8}.history-body{display:grid;grid-template-columns:minmax(280px,.85fr) 1.15fr;min-height:480px;max-height:65vh}.history-body ol{list-style:none;margin:0;padding:10px;overflow:auto;border-right:1px solid var(--line)}.history-body li{padding:0;background:none;border:0}.history-item{display:block;width:100%;text-align:left;border:0;border-radius:9px;background:transparent;color:var(--text);padding:11px;cursor:pointer}.history-item:hover,.history-item.active{background:#12243b}.history-item b{display:inline-block;min-width:48px;color:var(--blue)}.history-item span{display:block;color:var(--muted);font-size:.76rem;padding-left:48px}.history-item strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.92rem}.history-detail{overflow:auto;padding:22px}.history-detail .ref{color:var(--blue);font-weight:800;letter-spacing:.06em}.history-detail pre{white-space:pre-wrap;word-break:break-word;background:#07111f;border:1px solid var(--line);border-radius:10px;padding:15px;color:#ccd7e3;font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.history-detail button{border:1px solid #3d5c82;border-radius:8px;background:#142b48;color:#eef5ff;padding:8px 11px;cursor:pointer}@media(prefers-reduced-motion:reduce){.card.changed{animation:none}}@media(max-width:700px){main{width:min(100% - 16px,1320px);padding-top:10px}header{align-items:center;gap:10px;margin-bottom:8px}.header-actions{gap:8px}#history-open{padding:7px 9px}.connection{margin-top:0}.connection small{display:none}.grid{grid-template-columns:1fr;grid-template-rows:none;min-height:0;gap:8px}.card{min-height:220px;padding:16px}.status-layout{height:auto}.focus-panel form{flex-direction:column}.focus-panel button{min-height:42px}.metric-grid{height:auto}.metric-item{min-height:120px}.metric-grid:not([data-count="1"]) .value strong{font-size:clamp(2rem,12vw,3.5rem)}.history-body{grid-template-columns:1fr;display:block}.history-body ol{max-height:260px;border-right:0;border-bottom:1px solid var(--line)}.history-detail{max-height:340px}h1 span{display:none}footer{padding-top:7px}}