:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#070b14;color:#eef3ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#15203a 0,#070b14 46%);min-height:100vh}a{color:inherit;text-decoration:none}header{height:68px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26324a;background:#090f1dbd;backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand img{width:38px;height:38px;object-fit:contain}.brand span{font-size:20px}nav{display:flex;gap:18px;color:#b9c5db}main{width:min(1100px,calc(100% - 32px));margin:42px auto}.hero{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:26px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#7da8ff;font-size:12px;font-weight:800}h1{font-size:42px;margin:8px 0 10px}h2{margin:0 0 4px}.hero p,.chart-head p{color:#9eabc2;margin:0}.period{display:flex;padding:4px;border:1px solid #2b3955;border-radius:12px;background:#0e1627}.period button{border:0;background:transparent;color:#9eabc2;padding:9px 14px;border-radius:9px;cursor:pointer}.period button.active{background:#2467f2;color:white}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.service{border:1px solid #273550;background:linear-gradient(180deg,#111b2e,#0b1220);border-radius:16px;padding:18px}.service-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.service-name{font-weight:800}.state{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700}.dot{width:9px;height:9px;border-radius:50%}.ok .dot{background:#2dd881;box-shadow:0 0 14px #2dd88188}.bad .dot{background:#ff5263;box-shadow:0 0 14px #ff526388}.service-meta{display:flex;justify-content:space-between;margin-top:18px;color:#9eabc2;font-size:13px}.uptime{font-size:24px;color:#eef3ff;font-weight:800}.chart-card{border:1px solid #273550;background:#0c1424;border-radius:18px;padding:20px}.chart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-head select{background:#111c30;border:1px solid #31415f;color:#eef3ff;border-radius:10px;padding:9px 12px}.chart{height:260px;display:flex;align-items:end;gap:4px;border-left:1px solid #33425d;border-bottom:1px solid #33425d;padding:10px 8px 0;overflow:hidden}.bar{flex:1;min-width:3px;background:linear-gradient(180deg,#4f8cff,#255fe3);border-radius:4px 4px 0 0;position:relative;outline:none}.bar:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #4f8cff}.uptime-tooltip{position:fixed;z-index:10000;left:0;top:0;max-width:calc(100vw - 20px);padding:7px 9px;border:1px solid #4a6084;border-radius:8px;background:#050913;color:#f4f7ff;box-shadow:0 10px 30px #0009;font-size:12px;line-height:1.35;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transform:translate3d(0,4px,0);transition:opacity .08s ease,transform .08s ease}.uptime-tooltip.is-visible{opacity:1;visibility:visible;transform:translate3d(0,0,0)}.updated{text-align:right;color:#7f8da6;font-size:12px;margin-top:12px}.hidden{display:none}.empty{height:260px;place-items:center;color:#7f8da6}footer{width:min(1100px,calc(100% - 32px));margin:40px auto 20px;padding-top:20px;border-top:1px solid #25324a;display:flex;gap:18px;color:#8e9bb1;font-size:13px}@media(max-width:760px){header{padding:0 16px}.hero{align-items:start;flex-direction:column}h1{font-size:32px}.services{grid-template-columns:1fr}.chart-head{align-items:start;gap:16px;flex-direction:column}.chart-head select{width:100%}.uptime-tooltip{white-space:normal;text-align:center}}