*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#18345b 0,transparent 35rem),#070c14;color:#eef4fc;font-family:Inter,system-ui,sans-serif}.shell{width:min(1180px,calc(100% - 30px));margin:auto;padding:54px 0}header{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:26px}.badge,.eyebrow{color:#8fb9ff;font-size:11px;font-weight:900;letter-spacing:.09em}h1{font-size:clamp(44px,7vw,72px);line-height:1;letter-spacing:-.05em;margin:14px 0}p,small{color:#8190a6}.demo-note{padding:10px 13px;border:1px solid #2a3a52;border-radius:12px;color:#91a3ba}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats article,.panel,.issues{background:#101824;border:1px solid #263449;border-radius:18px}.stats article{padding:18px}.stats span,.metrics span{display:block;color:#7d8da4;font-size:12px}.stats strong{font-size:30px}.issues{padding:20px;margin:14px 0}.issues h2{margin:4px 0 15px}.issue{display:flex;justify-content:space-between;gap:20px;background:#0a111b;border:1px solid #342b35;border-radius:13px;padding:13px}.issue small,.issue b{display:block}.issue>div:last-child{text-align:right}.panel{overflow:hidden}.toolbar{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;padding:15px}.toolbar input,.toolbar select,.settings input,.settings select{width:100%;background:#090f19;color:#eaf1fa;border:1px solid #2b394d;border-radius:10px;padding:11px}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-top:1px solid #202c3d;font-size:13px}th{color:#78889f}.state{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900}.up{background:#12372a;color:#87e4b1}.down{background:#401b24;color:#ff9cac}.maintenance{background:#45371d;color:#ffd37d}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px}.details,.settings{padding:20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:17px 0}.metrics div{padding:12px;background:#0a111b;border-radius:12px}.metrics b{font-size:19px}.event{display:flex;align-items:center;gap:12px;border-top:1px solid #243043;padding:12px 0}.event b,.event small{display:block}.settings label{display:block;color:#8797ad;font-size:12px;margin:12px 0}.two{display:grid;grid-template-columns:2fr 1fr;gap:10px}.settings button{width:100%;padding:12px;border:0;border-radius:10px;font-weight:850;cursor:pointer}footer{text-align:center;color:#627188;font-size:12px;padding:25px}@media(max-width:850px){header{align-items:flex-start;flex-direction:column}.stats,.grid,.metrics{grid-template-columns:1fr 1fr}.toolbar{grid-template-columns:1fr}}@media(max-width:520px){.stats,.grid,.metrics,.two{grid-template-columns:1fr}}