:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0f1d;--panel:#11192d;--panel-2:#0d1527;--text:#ecf3ff;--muted:#9bb0d3;--ok:#22c55e;--warn:#f59e0b;--bad:#ef4444;--line:#60a5fa}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 10% -10%, #183060 0%, var(--bg) 45%);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page{max-width:1100px;margin:0 auto;padding:20px}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.title{letter-spacing:.01em;margin:0;font-size:1.6rem}.subtitle{color:var(--muted);margin:5px 0 0;font-size:.9rem}.btn{color:var(--text);cursor:pointer;background:#60a5fa2e;border:1px solid #60a5fa59;border-radius:10px;padding:8px 12px}.btn:hover{background:#60a5fa47}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px;display:grid}.card{background:linear-gradient(#ffffff0d,#ffffff05);border:1px solid #9bb0d333;border-radius:14px;padding:12px}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.value{margin-top:8px;font-size:1.08rem;font-weight:700}.value.ok{color:var(--ok)}.value.warn{color:var(--warn)}.value.bad{color:var(--bad)}.meta{color:var(--muted);margin-top:6px;font-size:.82rem}.chart{background:var(--panel-2);border:1px solid #9bb0d333;border-radius:14px;margin-top:14px;padding:12px}.chart h2,.table-wrap h2{margin:0 0 8px;font-size:1rem}.sparkline{background:#0000002e;border-radius:8px;width:100%;height:90px}.bars{grid-template-columns:repeat(auto-fill,minmax(6px,1fr));gap:3px;margin-top:10px;display:grid}.bar{background:var(--bad);opacity:.95;border-radius:3px;height:28px}.bar.up{background:var(--ok)}.table-wrap{background:var(--panel-2);border:1px solid #9bb0d333;border-radius:14px;margin-top:14px;padding:12px}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px;font-size:.86rem}th,td{text-align:left;border-bottom:1px solid #9bb0d326;padding:8px 6px}th{color:var(--muted);font-weight:600}tbody tr.row-up td:first-child{border-left:3px solid #22c55ed9}tbody tr.row-down td:first-child{border-left:3px solid #ef4444e6}tbody tr.row-up{background:#22c55e0d}tbody tr.row-down{background:#ef44440f}tbody tr.row-selected{background:#60a5fa1a;outline:1px solid #60a5fab3}.log-detail{background:#0003;border:1px solid #9bb0d333;border-radius:10px;margin-top:10px;padding:10px}.log-detail pre{white-space:pre-wrap;word-break:break-word;color:#d5e3ff;margin:8px 0 0;font-size:.8rem}.dot{background:var(--bad);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot.up{background:var(--ok)}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:linear-gradient(160deg,#10192ef5,#090f1cf0);border:1px solid #60a5fa52;border-radius:18px;width:min(560px,100%);padding:24px;box-shadow:0 24px 80px #00000061}.login-title{letter-spacing:.01em;margin:8px 0 6px;font-size:1.5rem}.login-meta{margin-bottom:14px}.login-input{width:100%;color:var(--text);background:#080d18cc;border:1px solid #9bb0d34d;border-radius:10px;margin-bottom:10px;padding:11px 12px}.login-input:focus{border-color:#60a5fab3;outline:none;box-shadow:0 0 0 3px #60a5fa38}.login-btn{width:100%;padding:10px 14px;font-weight:600}.login-message{margin-top:10px}@media (width<=720px){.hide-mobile{display:none}.table-wrap{padding:10px}table{min-width:560px;font-size:.8rem}}