:root{color:#d6e2ea;background:radial-gradient(circle at top,rgba(75,131,115,.2),transparent 30%),linear-gradient(180deg,#0b1214,#111a1d);font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px}#root{min-height:100vh}button,input,select,textarea{font:inherit}.app-shell{margin:0 auto;max-width:1200px;padding:32px 20px 48px}.topbar{align-items:end;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.topbar h1,.panel h2,.summary-value,strong{font-family:IBM Plex Mono,SFMono-Regular,monospace}.topbar h1{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em;margin:0}.eyebrow,.meta-label{color:#89a1ac;font-size:.78rem;letter-spacing:.16em;margin:0;text-transform:uppercase}.meta-block{display:grid;gap:2px;justify-items:end}.meta-value{font-size:1rem}.banner{background:#172327eb;border:1px solid rgba(104,137,148,.22);border-radius:14px;margin-bottom:20px;padding:14px 16px}.error-banner{border-color:#d6606057;color:#ffb7b7}.card-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px}.summary-card,.panel{background:#111a1ddb;border:1px solid rgba(104,137,148,.18);border-radius:18px;box-shadow:0 24px 60px #0003}.summary-card{display:grid;gap:8px;min-height:112px;padding:18px}.summary-label{color:#89a1ac;font-size:.86rem;text-transform:uppercase}.summary-value{font-size:2rem}.tone-healthy{border-color:#5db57d47}.tone-degraded{border-color:#dcb24f47}.tone-down{border-color:#d6606059}.tone-unknown,.tone-neutral{border-color:#6889943d}.overview-layout{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.service-board{display:grid;gap:18px}.chain-group{background:#0a10127a;border:1px solid rgba(104,137,148,.12);border-radius:16px;padding:16px}.chain-header h3,.network-header h4{font-family:IBM Plex Mono,SFMono-Regular,monospace;letter-spacing:.08em;margin:0;text-transform:uppercase}.chain-header{margin-bottom:14px}.network-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.network-group{background:#111a1dd1;border:1px solid rgba(104,137,148,.14);border-radius:14px;padding:14px}.network-header{margin-bottom:12px}.service-list{display:grid;gap:10px}.service-row{background:#070c0ecc;border:1px solid rgba(104,137,148,.12);border-radius:14px;display:grid;gap:12px;padding:14px}.service-toggle{background:transparent;border:0;color:inherit;cursor:pointer;display:grid;gap:12px;padding:0;text-align:left}.service-main,.service-title,.service-metrics{align-items:center;display:flex;gap:12px;justify-content:space-between}.service-title{justify-content:flex-start}.service-title p{color:#89a1ac;margin:2px 0 0}.service-metrics{align-items:stretch;flex-wrap:wrap;justify-content:flex-start}.metric-pill{background:#111a1de6;border-radius:12px;display:grid;gap:3px;min-width:120px;padding:10px 12px}.metric-pill span{color:#89a1ac;font-size:.76rem;text-transform:uppercase}.service-detail-panel{background:#111a1dc7;border-radius:12px;display:grid;gap:12px;padding:14px}.detail-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card{background:#070c0ec2;border:1px solid rgba(104,137,148,.12);border-radius:12px;display:grid;gap:10px;padding:12px}.detail-card-header{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.detail-card-header h5{font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.85rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.detail-card-header span,.incident-detail p,.check-row span:last-child,.detail-error{color:#89a1ac}.sparkline-frame{align-items:center;background:#111a1de6;border-radius:10px;display:flex;justify-content:center;min-height:88px;padding:10px}.sparkline{color:#8ce3a6;height:auto;width:100%}.detail-history{overflow-x:auto}.check-history{display:grid;gap:8px;list-style:none;margin:0;padding:0}.check-row{align-items:center;display:grid;gap:10px;grid-template-columns:120px 80px 170px minmax(180px,1fr)}.incident-detail p{margin:0}.panel{min-height:240px;padding:18px}.panel-header{margin-bottom:14px}.panel h2{font-size:1rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.summary-table,.metric-list,.incident-list{display:grid;gap:12px}.summary-row,.metric-list li,.incident-row{align-items:center;background:#0a1012b3;border-radius:14px;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.summary-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:end}.status-chip{border-radius:999px;font-size:.78rem;padding:4px 8px;text-transform:uppercase}.status-healthy{background:#5db57d29;color:#8ce3a6}.status-degraded{background:#dcb24f29;color:#f5d27c}.status-down{background:#d6606029;color:#ffb7b7}.status-unknown{background:#68899429;color:#b5cad3}.metric-list,.incident-list{list-style:none;margin:0;padding:0}.metric-list li span,.incident-row p,.empty-state,.incident-time{color:#89a1ac}.incident-main{align-items:center;display:flex;gap:12px}.incident-row p{margin:2px 0 0}.status-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.empty-state{margin:0}@media(max-width:860px){.overview-layout,.detail-grid{grid-template-columns:1fr}.topbar,.summary-row,.incident-row,.metric-list li,.service-main{align-items:start;flex-direction:column}.meta-block{justify-items:start}.summary-chips{justify-content:start}.service-metrics,.metric-pill{width:100%}.check-row{grid-template-columns:1fr}}