:root{color-scheme:dark;--bg:#080b10;--panel:#111722;--line:rgba(255,255,255,.12);--text:#eef2f7;--muted:#97a3b6;--accent:#8bd5b5;--danger:#fb7185;--warn:#e8bd73}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1040px,calc(100% - 40px));margin:0 auto}header{border-bottom:1px solid var(--line)}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0}.brand{font-size:23px;font-weight:850;letter-spacing:-.6px;color:var(--text)}.brand small{font-size:13px;font-weight:500;color:var(--muted);letter-spacing:0;margin-left:14px}.subtle{color:var(--muted);font-size:13px}main.wrap{padding:34px 0 56px}h1{margin:0;font-size:29px;line-height:1.2;letter-spacing:-.6px}h2{font-size:19px;margin:0 0 16px}p{margin:10px 0}.hero,.panel{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:24px}.hero{display:flex;gap:18px;align-items:center;margin-bottom:24px}.indicator{width:15px;height:15px;flex:0 0 auto;border-radius:50%;background:var(--muted)}.operational .indicator{background:var(--accent);box-shadow:0 0 24px #8bd5b536}.degraded .indicator{background:var(--danger)}.unknown .indicator{background:var(--muted)}.components{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 32px}.component{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.component span:last-child{font-size:12px;color:var(--accent);white-space:nowrap}.component.degraded span:last-child{color:var(--danger)}.component.unknown span:last-child{color:var(--muted)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.history{display:flex;gap:4px;align-items:stretch;height:38px;margin:18px 0 12px}.day{flex:1;max-width:28px;min-width:5px;border-radius:4px;background:var(--accent)}.day.failed{background:var(--danger)}.day.unknown{background:#596374}.incident{padding:16px 0;border-top:1px solid var(--line)}.incident strong{display:block}.incident p{font-size:14px;color:var(--muted);margin:5px 0}.empty{color:var(--muted);padding:10px 0}footer{margin-top:28px;color:var(--muted);font-size:13px}.hidden{display:none!important}button,input,select{font:inherit;color:var(--text);border:1px solid var(--line);border-radius:9px;background:#17202d;min-height:40px;padding:9px 12px}button{cursor:pointer;font-weight:650}button:hover{border-color:#8bd5b580}button.primary{color:#09221b;background:var(--accent);border-color:transparent}button:disabled{opacity:.55;cursor:wait}input,select{outline:none}input:focus,select:focus{border-color:var(--accent)}.login{width:min(420px,100%);margin:9vh auto}.login form{display:grid;gap:14px;margin-top:24px}.login input{width:100%}.login .message{min-height:22px;color:var(--muted);font-size:14px}.login .message.error{color:var(--danger)}.toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:22px 0 16px}.toolbar #filter{flex:1;min-width:170px}.log-meta{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:13px;margin-bottom:10px}.terminal{font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#070a0f;border:1px solid var(--line);border-radius:12px;padding:18px;min-height:45vh;max-height:66vh;overflow:auto;margin:0}.terminal .line{display:block;min-height:1.65em}.terminal .error{color:#fecdd3}.terminal .warn{color:#fde68a}.viewer-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.viewer-head h1{font-size:26px}.tag{font-size:12px;border:1px solid var(--line);border-radius:20px;padding:3px 10px;color:var(--muted)}@media(max-width:650px){.wrap{width:calc(100% - 28px)}header .wrap{padding:16px 0}.brand small{display:block;margin-left:0;font-size:12px}main.wrap{padding-top:22px}.components{grid-template-columns:1fr}.hero,.panel{padding:19px}h1{font-size:24px}.component{padding:15px}.toolbar>*{flex:1;min-width:120px}.toolbar #filter{flex-basis:100%}.terminal{padding:12px;font-size:11px;max-height:60vh}.section-head{align-items:flex-start}.log-meta{flex-direction:column;gap:3px}}