*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:#26344a;font:15px/1.5 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{height:76px;background:#fff;border-bottom:1px solid #e8ebef;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2));position:sticky;top:0;z-index:2}.brand{display:flex;gap:11px;align-items:center}.logo{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#101827;color:#fff;font-weight:800;font-size:21px}.brand b{display:block;font-size:17px}.brand small{display:block;color:#8a94a6;font-size:12px}nav{display:flex;gap:20px}nav a{color:#687386;text-decoration:none}nav a:hover{color:#111827}main{max-width:1180px;margin:34px auto;padding:0 20px}.hero{background:#fff;border:1px solid #e8ebef;border-radius:14px;padding:28px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #11182708}.hero h1{margin:5px 0 3px;font-size:30px;color:#172033}.hero p{margin:0;color:#8b95a5;font-size:13px}.hero #eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:#7c8798}.pill{padding:8px 15px;border-radius:20px;background:#dff7e7;color:#16833c;font-weight:700}.pill.bad{background:#ffe2e2;color:#c62828}.pill.warn{background:#fff0cf;color:#a45b00}.legend{display:flex;gap:18px;flex-wrap:wrap;color:#768195;font-size:12px;margin:14px 4px 30px}.legend span:first-child{color:#2dbb62}.legend span:nth-child(2){color:#e5aa21}.legend span:nth-child(3){color:#e78b1f}.legend span:nth-child(4){color:#df4d4d}.legend span:nth-child(5){color:#4c7690}h2{font-size:20px;margin:30px 0 14px}.component{background:#fff;border:1px solid #e8ebef;border-radius:12px;padding:16px 18px;margin:10px 0}.component-head{display:flex;justify-content:space-between;gap:12px}.component-name{font-weight:650}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:9px;background:#32bd64}.dot.degraded{background:#efb62b}.dot.partial{background:#ee8b1d}.dot.major{background:#df4d4d}.dot.maintenance{background:#4d7891}.dot.unknown{background:#999}.desc{color:#8b95a5;font-size:13px;margin:4px 0 0 18px}.bar{height:9px;background:#eef1f4;border-radius:8px;margin-top:14px;overflow:hidden}.bar i{display:block;height:100%;background:#35bd68;width:100%}.component.degraded .bar i{background:#efb62b}.component.partial .bar i{background:#ee8b1d}.component.major .bar i{background:#df4d4d}.component.maintenance .bar i{background:#4d7891}.incident{background:#fff;border:1px solid #e3e7ec;border-radius:12px;margin:12px 0;padding:18px}.incident h3{margin:0 0 3px}.incident-meta{color:#8b95a5;font-size:12px}.badge{display:inline-block;padding:3px 8px;border-radius:5px;background:#e8edf2;font-size:11px;font-weight:800;text-transform:uppercase}.timeline{border-left:2px solid #dfe5ea;margin:16px 0 0 8px;padding-left:18px}.update{margin:12px 0}.update b{font-size:11px;text-transform:uppercase}.update p{margin:3px 0;color:#697487}.empty{background:#fff;border:1px solid #e8ebef;border-radius:12px;padding:28px;color:#778397;text-align:center}@media(max-width:700px){header{padding:0 15px}nav{gap:9px;font-size:13px}main{margin:20px auto}.hero{align-items:flex-start;gap:15px;flex-direction:column}.hero h1{font-size:25px}}
form{display:grid;gap:10px}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #d9dee6;border-radius:8px;background:#fff}textarea{min-height:90px;resize:vertical}button{border:0;border-radius:8px;padding:10px 14px;background:#111827;color:#fff;cursor:pointer}button.secondary{background:#eef1f5;color:#26344a}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:#fff;border:1px solid #e8ebef;border-radius:12px;padding:20px}.row{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eef0f3}.row:last-child{border-bottom:0}.row small{display:block;color:#8b95a5}.actions{display:flex;gap:7px;flex-wrap:wrap}.danger{background:#c63d3d}.login{max-width:420px;margin:70px auto}@media(max-width:850px){.admin-grid{grid-template-columns:1fr}}

.health{color:#7b8798;font-size:12px;margin:6px 0 0 18px}