@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#070a12;--panel:#0e1320;--line:#252d42;--muted:#8392ac;--text:#e9f4ff;--cyan:#62f7ec;--pink:#ef69cb;--yellow:#e7be70}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% -10%,#142143 0,transparent 38%),var(--bg);color:var(--text);font-family:'Space Grotesk',sans-serif;min-height:100vh}.grain{position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:42px 42px}main{position:relative;max-width:1320px;margin:auto;padding:32px 28px 60px}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:20px;align-items:center}.mark{font-size:27px;font-weight:700;border:1px solid var(--cyan);padding:18px 13px;box-shadow:0 0 22px #62f7ec35;letter-spacing:-4px}.mark span{color:var(--cyan)}small,.eyebrow,.section-label,.state,.latency,button,#clock,.label{font-family:'IBM Plex Mono',monospace}header small{font-size:10px;color:var(--cyan);letter-spacing:2px}h1{font-size:26px;margin:3px 0 0;letter-spacing:-1px}.cursor{color:var(--cyan)}.right{display:flex;align-items:center;gap:24px;color:var(--muted);font-size:11px}.panel{background:linear-gradient(145deg,#11182a,#0a0f1b);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff0a}.login{max-width:470px;margin:10vh auto;padding:38px}.eyebrow{font-size:11px;color:var(--cyan);letter-spacing:2px}.login h2{font-size:30px;margin:18px 0 6px}.login p,.hero p,.check p{color:var(--muted)}form{display:grid;gap:18px;margin-top:28px}label{display:grid;gap:8px;font-size:12px;color:var(--muted)}input{background:#090e19;border:1px solid #344059;padding:14px;color:var(--text);font:inherit;outline:none}input:focus{border-color:var(--cyan)}button{background:var(--cyan);border:0;color:#06121b;font-weight:600;padding:13px 18px;cursor:pointer}button:hover{filter:brightness(1.12)}#logout{background:transparent;color:var(--cyan);border:1px solid #337c81}.hero{margin-top:28px;padding:32px 36px;display:flex;justify-content:space-between;align-items:center;min-height:210px;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:450px;height:450px;border:1px solid #62f7ec1a;border-radius:50%;right:5%;top:-230px;box-shadow:0 0 0 70px #62f7ec06,0 0 0 140px #62f7ec04}.hero h2{font-size:clamp(30px,4vw,52px);letter-spacing:-2px;margin:17px 0 8px}.pulse{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}.ring{z-index:1;display:grid;place-content:center;text-align:center;border:2px solid var(--cyan);border-radius:50%;width:150px;height:150px;box-shadow:0 0 25px #62f7ec25,inset 0 0 25px #62f7ec20}.ring span{font-size:34px;font-weight:700}.ring small{font-size:9px;color:var(--cyan);letter-spacing:2px}.section-label{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:1.4px;margin:38px 0 15px}.section-label span:first-child{color:var(--cyan)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stats article{padding:25px 27px;min-height:183px;position:relative}.stat-icon{position:absolute;right:25px;top:19px;color:var(--cyan);font-size:25px}.number{font-size:57px;font-weight:600;letter-spacing:-4px;line-height:1.1}.label{font-size:12px;margin-top:7px}.stats small{display:block;color:var(--muted);font-size:10px;margin-top:18px}.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.check{padding:22px;min-height:170px}.check-top{display:flex;align-items:center;gap:9px}.dot{width:8px;height:8px;border-radius:50%;background:var(--yellow)}.dot.ok{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.dot.down{background:var(--pink);box-shadow:0 0 10px var(--pink)}.state{font-size:10px;color:var(--muted)}.latency{margin-left:auto;color:var(--cyan);font-size:10px}.check h3{font-size:19px;margin:17px 0 8px}.check p{font-size:12px;line-height:1.5;min-height:35px;word-break:break-word}.check small{color:#52647f;font-size:10px}footer{border-top:1px solid var(--line);margin-top:42px;padding-top:18px;display:flex;justify-content:space-between;color:#65758e;font:10px 'IBM Plex Mono',monospace}#error{color:var(--pink);font-size:12px}[hidden]{display:none!important}@media(max-width:850px){.checks{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){main{padding:18px 15px}.brand{gap:10px}.mark{font-size:20px;padding:12px 9px}h1{font-size:19px}.right{gap:8px}#clock{display:none}.hero{padding:25px;min-height:190px}.ring{width:94px;height:94px;flex-shrink:0}.ring span{font-size:22px}.ring small{font-size:7px}.stats,.checks{grid-template-columns:1fr}.stats article{min-height:135px}.section-label span:last-child{display:none}footer span{display:none}}

.graph{display:flex;align-items:flex-end;height:58px;gap:2px;overflow:hidden;margin:14px 0 12px;border-bottom:1px solid #344059}.bar{flex:1;min-width:2px;max-width:8px;opacity:.9}.bar-ok{background:var(--cyan)}.bar-bad{background:var(--pink)}.no-graph{height:58px;display:flex;align-items:center;color:#52647f;font:10px 'IBM Plex Mono',monospace}