:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#173440;background:#eef3f4}*{box-sizing:border-box}body{margin:0}header{height:66px;padding:12px 18px;background:#102f3c;color:#fff;display:flex;align-items:center;justify-content:space-between}h1{font-size:20px;margin:3px 0}.badge{font-size:10px;font-weight:750;letter-spacing:.08em;background:#dff1ed;color:#175f57;padding:4px 7px;border-radius:4px}h2{font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin:16px 0 8px}.layout{height:calc(100vh - 66px);display:grid;grid-template-columns:280px minmax(0,1fr) 330px}.layout aside{background:#fff;padding:14px;overflow:auto;border-right:1px solid #d5e0e3}.layout .right{border-right:0;border-left:1px solid #d5e0e3}main{position:relative;min-height:300px}#map{position:absolute;inset:0;background:#dce8ea}#fallback{position:absolute;inset:0;padding:24px;background:#dce8ea}.card{border:1px solid #dbe4e6;border-radius:7px;padding:9px;margin:7px 0}.card strong{display:block;font-size:12px}.state{display:inline-block;font-size:10px;font-weight:750;padding:3px 6px;border-radius:4px;margin-top:5px}.state.available{background:#dff1ed;color:#175f57}.state.unavailable{background:#fff2d7;color:#72470b}.state.degraded{background:#f4e7dc;color:#7b4925}.muted{font-size:11px;color:#59717a;line-height:1.45}.record{padding:7px 0;border-bottom:1px solid #e4eaec;font-size:11px}ul{padding-left:18px;font-size:11px;color:#59717a}@media(max-width:960px){.layout{grid-template-columns:220px 1fr}.right{display:none}}@media(max-width:680px){header{height:auto;gap:8px;align-items:flex-start}.layout{height:auto;grid-template-columns:1fr;grid-template-rows:300px auto auto}.layout main{grid-row:1}.layout aside:first-child{grid-row:2;border:0}.layout .right{display:block;grid-row:3;border:0}.layout main{height:300px}}