:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf0f7;--muted:#a1abc0;--line:#292f3c;--surface:#151922;--accent:#b8c9ff;background:#0d1016;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;font-size:14px}.wrap{width:min(1120px,100% - 48px);margin:auto}.top{border-bottom:1px solid var(--line);background:#11151d}.brand{align-items:center;gap:11px;height:61px;font-weight:650;display:flex}.mark{color:#c9d6ff;background:#293552;border-radius:8px;place-items:center;width:29px;height:29px;font-size:23px;line-height:1;display:grid}main{padding:52px 0}.heading,.section-head{justify-content:space-between;align-items:center;gap:16px;display:flex}h1{letter-spacing:-.04em;margin:0;font-size:clamp(25px,4vw,38px)}h2{letter-spacing:-.015em;margin:0;font-size:17px}p{color:var(--muted);margin:9px 0 0}button,input{font:inherit}button{border:1px solid var(--line);color:inherit;cursor:pointer;white-space:nowrap;background:#1b2130;border-radius:8px;padding:10px 13px;font-weight:600}button:hover{filter:brightness(1.17)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary{background:var(--accent);color:#131c34;border-color:#0000}.danger{background:#74343e;border-color:#a0525c}.stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:31px 0;display:grid}.stats>div{border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:17px}.stats span,.section-head span{color:var(--muted);font-size:13px}.stats strong{font-variant-numeric:tabular-nums;margin-top:9px;font-size:26px;display:block}section{border:1px solid var(--line);background:var(--surface);border-radius:11px;overflow:hidden}.section-head{border-bottom:1px solid var(--line);padding:16px 18px}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;width:100%;min-width:740px}th,td{padding:13px 15px}th{color:var(--muted);white-space:nowrap;background:#11151d;font-size:12px;font-weight:600}td{border-top:1px solid var(--line)}td:first-child{max-width:280px}td strong{overflow-wrap:anywhere}td small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:245px;margin-top:4px;display:block;overflow:hidden}td:last-child{text-align:right}td button{padding:6px 9px;font-size:12px}i{vertical-align:1px;background:#a1abc0;border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}i.healthy{background:#75dab2}i.slow,i.failing{background:#f4c378}i.down{background:#ff8996}i.stale{background:#b9a4f8}.empty{text-align:center;border-top:1px solid var(--line);padding:34px 16px 39px}.empty p{margin:0}#feedback,#form-error,#remove-error{color:#ff9da7}#feedback{padding:12px 18px}dialog{background:var(--surface);border:1px solid var(--line);width:min(430px,100% - 28px);color:inherit;border-radius:13px;padding:23px}dialog::backdrop{background:#05070bcc}label{color:#d6dded;margin-top:16px;font-size:13px;display:block}input{border:1px solid var(--line);width:100%;color:inherit;background:#0e121a;border-radius:7px;margin-top:7px;padding:10px;display:block}.actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:600px){.wrap{width:calc(100% - 28px)}main{padding-top:31px}.heading{flex-direction:column;align-items:flex-start}.stats{gap:7px;margin:23px 0}.stats>div{padding:11px 9px}.stats span{font-size:11px}.section-head{flex-direction:column;align-items:flex-start;gap:5px}}html,body{min-width:0}button,input{min-height:44px}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.signout{margin-left:auto;font-size:12px}.login-shell{background:radial-gradient(at 50% 0,#202e4b 0,#0000 65%);place-items:center;min-height:100dvh;padding:28px 16px;display:grid}.login-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;width:min(100%,420px);padding:32px;box-shadow:0 24px 90px #0005}.login-card .mark{width:42px;height:42px;font-size:30px}.eyebrow{letter-spacing:.18em;margin:22px 0 8px;font-size:11px}.login-card h1{font-size:30px}.login-card input{font-size:16px}.remember{align-items:center;gap:10px;line-height:1.5;display:flex}.remember input{width:18px;height:18px;min-height:18px;accent-color:var(--accent);flex-shrink:0;margin:0}.login-submit{width:100%;margin-top:24px}.auth-error{color:#ff9da7}@media (max-width:600px){input{font-size:16px}.heading>.primary{width:100%}.stats span{min-height:30px;display:block}.section-head span{line-height:1.5}.table-scroll{overflow:visible}.table-scroll table{min-width:0;display:block}.table-scroll thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}tbody{display:block}tr{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}td{border:0;min-width:0;padding:0;display:block}td:before{content:attr(data-label);color:var(--muted);margin-bottom:5px;font-size:11px;display:block}td:first-child{grid-column:1/-1;max-width:100%}td small{max-width:100%}td:last-child{text-align:left}td button{width:100%;min-height:44px}.login-card{padding:25px}.brand{gap:8px}}
