:root{--bg:#0b1120;--surface:#111827;--line:#26344a;--text:#e2e8f0;--muted:#94a3b8;--accent:#f59e0b;--good:#22c55e;--bad:#f87171}
.login label small,.first-login p{color:var(--muted);font-size:12px}.first-login{margin-top:35px}.totp-qr{display:block;margin:18px 0;background:#fff;padding:5px;width:190px;height:190px}
*{box-sizing:border-box}html{font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;background:var(--bg);color:var(--text)}header{background:var(--surface);border-bottom:1px solid var(--line)}.header-inner{max-width:1120px;min-height:58px;margin:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-size:16px;font-weight:700;color:var(--text);text-decoration:none}.brand span{color:var(--accent)}header form{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:12px}header button{border:0;background:none;color:var(--text);padding:0;cursor:pointer}main{max-width:1120px;margin:auto;padding:28px 20px 70px}h1{font-size:22px;line-height:1.25;margin:0}h2{font-size:17px;margin:0}h3{font-size:13px;color:var(--accent);margin:0 0 12px}.page-heading,.gateway-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.page-heading{margin-bottom:24px}.page-heading p,.gateway-heading p{margin:4px 0 0;color:var(--muted);font-size:12px}.timestamp,.muted{color:var(--muted);font-size:12px}.message{padding:11px 13px;border-left:3px solid var(--accent);background:var(--surface)}.gateway{border-top:1px solid var(--line);padding:18px 0 22px}.state{display:inline-flex;align-items:center;gap:7px;font-size:12px}.dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.online .dot{background:var(--good)}.offline .dot{background:var(--bad)}.paused .dot,.preparing .dot{background:var(--accent)}.facts,.checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:18px 0}.facts div,.checks div{min-width:0}.facts dt,.checks span{display:block;font-size:11px;text-transform:uppercase;color:var(--muted)}.facts dd{margin:4px 0;overflow-wrap:anywhere}.checks strong{display:block;margin-top:4px;font-weight:600}.good{color:var(--good)}.bad{color:var(--bad)}.subsection{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.interfaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.interfaces div{min-width:0}.interfaces strong,.interfaces span{display:block;overflow-wrap:anywhere}.interfaces span{font-size:12px;color:var(--muted)}.login{max-width:360px;margin:70px auto}.login form{display:grid;gap:16px;margin-top:28px}.login label{display:grid;gap:6px;color:var(--muted);font-size:12px}input{width:100%;height:40px;padding:9px 10px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--text);font:inherit}button.primary{height:40px;background:var(--accent);color:#111827;border:0;border-radius:5px;font-weight:700;cursor:pointer}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:720px){.facts,.checks{grid-template-columns:repeat(2,minmax(0,1fr))}.interfaces{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.header-inner{padding:12px 16px;flex-wrap:wrap}main{padding:24px 16px 50px}.facts,.checks,.interfaces{grid-template-columns:1fr}}