:root{color-scheme:dark;--bg: #080a0c;--surface: #0d1114;--surface-raised: #11171b;--surface-quiet: #0a0e10;--line: #263039;--line-strong: #36434d;--text: #f4f7f8;--muted: #98a5ae;--soft: #68757e;--green: #45d483;--blue: #4d8dff;--coral: #ff715b;--amber: #f2c14e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;background:var(--bg);color:var(--text);letter-spacing:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;background-color:var(--bg);background-image:linear-gradient(#11171b 1px,transparent 1px),linear-gradient(90deg,#11171b 1px,transparent 1px);background-size:48px 48px}.dashboard-shell{width:min(1480px,100%);min-height:100vh;margin:0 auto;padding:0 28px;background:#080a0cf0}.app-header{display:flex;min-height:82px;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px}.brand-symbol{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line-strong);border-radius:6px;color:var(--green);background:#0a1013}.brand strong,.brand small{display:block}.brand strong{font-size:19px;font-weight:650}.brand small{margin-top:2px;color:var(--muted);font-size:11px}.header-actions{display:flex;align-items:center;gap:8px}.icon-action,.export-action{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--muted)}.icon-action{width:40px;padding:0}.export-action{gap:8px;padding:0 14px;color:var(--text);font-size:13px;font-weight:600}.icon-action:hover,.export-action:hover{border-color:var(--blue);color:var(--text)}.icon-action:disabled{cursor:wait;opacity:.65}.status-band{position:relative;display:grid;min-height:278px;grid-template-columns:minmax(0,1.5fr) minmax(250px,.6fr);align-items:center;gap:40px;overflow:hidden;margin:28px -28px 0;padding:38px 52px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#030505}.status-band:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--green)}.status-band[data-state=degraded]:before{background:var(--amber)}.status-band[data-state=down]:before{background:var(--coral)}.loop-art{position:absolute;top:50%;right:10%;width:min(780px,58vw);transform:translateY(-50%);opacity:.32;pointer-events:none}.status-copy,.runtime-identity{position:relative;z-index:1}.agent-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px #45d483bf}.status-band[data-state=degraded] .status-dot{background:var(--amber)}.status-band[data-state=down] .status-dot{background:var(--coral)}.status-copy h1{margin:16px 0 10px;font-size:36px;font-weight:620;line-height:1.08}.status-copy>p{max-width:680px;margin:0;color:#c1cbd1;font-size:15px;line-height:1.6}.runtime-facts{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px;color:var(--muted);font-size:12px}.runtime-facts span{display:inline-flex;align-items:center;gap:7px}.runtime-facts svg{color:var(--green)}.runtime-identity{margin:0;border-left:1px solid rgba(152,165,174,.3);padding-left:30px}.runtime-identity>div{display:flex;justify-content:space-between;gap:24px;padding:11px 0;border-bottom:1px solid rgba(152,165,174,.18)}.runtime-identity>div:last-child{border-bottom:0}.runtime-identity dt,.runtime-identity dd{margin:0;font-size:12px}.runtime-identity dt{color:var(--muted)}.runtime-identity dd{overflow-wrap:anywhere;color:var(--text);font-weight:620;text-align:right}.tone-good{color:var(--green)!important}.tone-warning{color:var(--amber)!important}.stale-banner{display:flex;min-height:42px;align-items:center;gap:9px;margin-top:18px;padding:0 13px;border:1px solid #725d24;border-radius:6px;background:#1c180d;color:#ecd589;font-size:12px}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}.metric-strip>div{display:grid;grid-template-columns:22px 1fr;grid-template-rows:auto auto;min-width:0;gap:4px 10px;padding:25px 22px;border-left:1px solid var(--line)}.metric-strip>div:first-child{border-left:0}.metric-strip svg{grid-row:1 / 3;align-self:center;color:var(--blue)}.metric-strip span{color:var(--muted);font-size:11px}.metric-strip strong{overflow-wrap:anywhere;font-size:19px;font-weight:620}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,.78fr);align-items:start;gap:18px;padding:22px 0 34px}.main-stack,.side-stack{display:grid;align-content:start;gap:18px}.panel{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.panel-heading{display:flex;min-height:73px;align-items:center;justify-content:space-between;gap:18px;padding:16px 19px;border-bottom:1px solid var(--line)}.section-label{display:block;color:var(--soft);font-size:10px;font-weight:650;text-transform:uppercase}.panel-heading h2{margin:5px 0 0;font-size:17px;font-weight:620}.panel-count,.state-badge,.incident-count{flex:none;color:var(--muted);font-size:11px}.state-badge,.incident-count{display:inline-flex;min-height:26px;align-items:center;border:1px solid var(--line-strong);border-radius:999px;padding:0 9px}.state-badge.is-healthy{border-color:#277c50;color:var(--green)}.state-badge.is-degraded,.incident-count.is-open{border-color:#725d24;color:var(--amber)}.state-badge.is-down{border-color:#833a34;color:var(--coral)}.run-timeline{display:grid;grid-template-columns:repeat(24,minmax(3px,1fr));gap:4px;height:50px;align-items:end;padding:12px 19px;border-bottom:1px solid var(--line);background:var(--surface-quiet)}.timeline-run{display:block;width:100%;height:24px;border-radius:2px 2px 0 0;background:var(--green)}.timeline-run.is-degraded{height:17px;background:var(--amber)}.timeline-run.is-down{height:11px;background:var(--coral)}.timeline-run.is-empty{height:3px;background:var(--line)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;table-layout:fixed}th,td{padding:14px 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;text-align:left;vertical-align:middle}th{color:var(--soft);font-size:10px;font-weight:650;text-transform:uppercase}th:nth-child(1){width:118px}th:nth-child(2){width:98px}th:nth-child(4){width:84px}th:nth-child(5){width:116px}tbody tr:last-child td{border-bottom:0}.summary-cell{color:#c5ced3;line-height:1.45}.result-chip{display:inline-flex;align-items:center;gap:6px;color:var(--green)}.result-chip.is-degraded{color:var(--amber)}.result-chip.is-down{color:var(--coral)}code{color:#8db5ff;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px}.empty-table{height:120px;color:var(--soft);text-align:center}.integrity-mark{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:var(--muted)}.integrity-mark.is-valid{border-color:#277c50;color:var(--green)}.integrity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.integrity-grid>div{min-width:0;padding:16px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.integrity-grid>div:nth-child(3n){border-right:0}.integrity-grid>div:nth-last-child(-n+3){border-bottom:0}.integrity-grid dt,.integrity-grid dd{margin:0}.integrity-grid dt{color:var(--soft);font-size:10px;text-transform:uppercase}.integrity-grid dd{margin-top:7px;overflow:hidden;color:#cbd3d7;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.cycle-steps,.check-list,.incident-list{margin:0;padding:0;list-style:none}.cycle-steps li{position:relative;display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.cycle-steps li:last-child{border-bottom:0}.cycle-steps li:before{content:"";position:absolute;left:34px;top:-9px;height:17px;border-left:1px solid var(--line-strong)}.cycle-steps li:first-child:before{display:none}.step-icon{display:grid;width:32px;height:32px;place-items:center;border:1px solid #277c50;border-radius:50%;color:var(--green);background:#0d1a13}.cycle-steps strong,.cycle-steps small,.check-list strong,.check-list small,.clear-state strong,.clear-state small,.incident-list strong,.incident-list small{display:block}.cycle-steps strong,.check-list strong,.clear-state strong,.incident-list strong{font-size:12px;font-weight:620}.cycle-steps small,.check-list small,.clear-state small,.incident-list small{margin-top:3px;overflow-wrap:anywhere;color:var(--muted);font-size:11px;line-height:1.4}.step-number{color:var(--soft);font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.check-list li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.check-list li:last-child{border-bottom:0}.check-status{display:grid;place-items:center;color:var(--green)}.check-status.is-warn{color:var(--amber)}.check-status.is-fail{color:var(--coral)}.check-latency{color:var(--soft);font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.clear-state,.incident-list li{display:flex;min-height:86px;align-items:center;gap:12px;padding:17px 18px}.clear-state>svg{flex:none;color:var(--green)}.incident-list li{border-bottom:1px solid var(--line)}.incident-list svg{flex:none;color:var(--amber)}.app-footer{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);color:var(--soft);font-size:11px}.app-footer span{display:inline-flex;align-items:center;gap:7px}.initial-state{display:grid;min-height:calc(100vh - 82px);place-content:center;justify-items:center;text-align:center}.initial-state svg{color:var(--blue)}.initial-state h1{margin:18px 0 8px;font-size:24px}.initial-state p{margin:0;color:var(--muted)}.is-spinning{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.is-spinning{animation:none}}@media(max-width:1040px){.status-band{grid-template-columns:1fr minmax(230px,.55fr);padding:34px 36px}.workspace-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.incident-panel{grid-column:1 / -1}}@media(max-width:760px){.dashboard-shell{padding:0 16px}.app-header{min-height:76px}.brand small,.export-action span{display:none}.export-action{width:40px;padding:0}.status-band{grid-template-columns:1fr;gap:26px;margin:18px -16px 0;padding:30px 24px}.loop-art{top:28%;right:-34%;width:116vw;opacity:.18}.status-copy h1{font-size:31px}.runtime-identity{border-top:1px solid rgba(152,165,174,.3);border-left:0;padding-top:12px;padding-left:0}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-strip>div{padding:19px 13px}.metric-strip>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.metric-strip>div:nth-child(4){border-top:1px solid var(--line)}.side-stack{grid-template-columns:1fr}.incident-panel{grid-column:auto}table{min-width:760px}.app-footer{align-items:flex-start;flex-direction:column;justify-content:center;padding:15px 0}}@media(max-width:430px){.app-header{gap:12px}.brand strong{font-size:17px}.brand-symbol{width:38px;height:38px}.header-actions{gap:5px}.icon-action,.export-action{width:36px;min-height:36px}.status-copy>p{font-size:14px}.runtime-facts{align-items:flex-start;flex-direction:column;gap:10px}.metric-strip strong{font-size:16px}}