:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08080b;--surface:#101016;--surface-2:#17171f;--line:#ffffff14;--line-strong:#ffffff2e;--text:#ecebf2;--text-2:#b5b4c2;--muted:#85849a;--accent:#8fd3ff;--series-1:#3987e5;--series-1-wash:#3987e51f;--good:#3bb273;--warn:#e0a400;--critical:#e66767;--radius:12px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.45 Inter,system-ui,-apple-system,sans-serif}a{color:var(--accent)}button{appearance:none;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:5px 12px;font-size:13px}button:hover{border-color:#fff6}button.active{border-color:var(--accent);color:var(--accent)}.bar{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#08080beb;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 20px;display:flex;position:sticky;top:0}.logo{font-weight:700;text-decoration:none}.title{font-weight:600}.range{gap:6px;margin-left:auto;display:flex}.updated{color:var(--muted);font-size:12px}main{flex-direction:column;gap:28px;max-width:1280px;margin:0 auto;padding:20px 16px 80px;display:flex}h2{margin:0 0 10px;font-size:15px;font-weight:600}h2 .hint{color:var(--muted);margin-left:8px;font-size:12px;font-weight:400}.note{color:var(--muted)}.hero-row{grid-template-columns:minmax(240px,1.2fr) 3fr;gap:12px;display:grid}.hero,.tile,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.hero{padding:18px 20px}.hero .value{margin:6px 0;font-size:52px;font-weight:600;line-height:1.1}.label{color:var(--text-2);font-size:13px}.sub{color:var(--muted);font-size:12px}.tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.tile{padding:12px 14px}.tile .value{margin:2px 0;font-size:24px;font-weight:600}.state{color:var(--text-2);align-items:center;gap:5px;font-size:12px;display:inline-flex}.state:before{content:"";background:var(--dot,var(--muted));border-radius:50%;width:8px;height:8px}.state.good{--dot:var(--good)}.state.warn{--dot:var(--warn)}.state.critical{--dot:var(--critical)}.charts{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:12px;display:grid}.panel{min-width:0;padding:14px 16px 10px}.chart-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.chart-head .total{font-weight:600}svg.chart{width:100%;height:150px;display:block;overflow:visible}svg.chart .grid{stroke:var(--line);stroke-width:1px}svg.chart .axis{fill:var(--muted);font-size:11px}svg.chart .bar{fill:var(--series-1)}svg.chart .line{fill:none;stroke:var(--series-1);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}svg.chart .wash{fill:var(--series-1-wash)}svg.chart .hit{fill:#0000}svg.chart .bar,svg.chart .line,svg.chart .dot,svg.chart .cross{pointer-events:none}svg.chart .bar.hover{fill:#6da7ec}svg.chart .cross{stroke:var(--line-strong);stroke-width:1px}svg.chart .dot{fill:var(--series-1);stroke:var(--surface);stroke-width:2px}.tip{z-index:20;pointer-events:none;border:1px solid var(--line-strong);white-space:nowrap;background:#23232d;border-radius:8px;padding:6px 10px;font-size:12px;position:fixed}.tip b{font-weight:600}.rows{flex-direction:column;gap:6px;display:flex}.row-bar{grid-template-columns:minmax(110px,.9fr) 2fr auto;align-items:center;gap:10px;font-size:13px;display:grid}.row-bar .name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-2);overflow:hidden}.row-bar .track{height:10px}.row-bar .fill{background:var(--series-1);border-radius:0 4px 4px 0;min-width:2px;height:100%}.row-bar .num{text-align:right;font-variant-numeric:tabular-nums;min-width:70px}.lists{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:7px 10px}th{color:var(--muted);font-weight:500}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}details summary{cursor:pointer;color:var(--muted);font-size:12px}pre{white-space:pre-wrap;word-break:break-word;color:var(--text-2);margin:6px 0 0;font-size:11px}.ticket{flex-direction:column;gap:8px;padding:14px 16px;display:flex}.ticket+.ticket{border-top:1px solid var(--line)}.ticket .head{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.ticket .msg{white-space:pre-wrap}.ticket .actions{flex-wrap:wrap;gap:6px;display:flex}.ticket textarea{border:1px solid var(--line-strong);background:var(--bg);width:100%;min-height:50px;color:var(--text);font:inherit;border-radius:8px;padding:8px;font-size:13px}.system{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px 16px;padding:14px 16px;display:grid}@media (width<=700px){.hero-row,.charts{grid-template-columns:1fr}.range{margin-left:0}}