*{box-sizing:border-box;margin:0}
:root{--bg:#0C121B;--panel:#111926;--p2:#172131;--line:#212C3E;--ink:#E3E9F2;--mute:#7F8EA3;--acc:#3CC5BD;--onacc:#06242A;--up:#2FD39A;--dn:#FF5D6C;--warn:#F0B45A;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#EBEFF4;--panel:#fff;--p2:#F3F6F9;--line:#DAE1EA;--ink:#142033;--mute:#627186;--acc:#0E7C86;--onacc:#fff;--up:#12804A;--dn:#C62828;--warn:#B45309}}
:root[data-theme=light]{--bg:#EBEFF4;--panel:#fff;--p2:#F3F6F9;--line:#DAE1EA;--ink:#142033;--mute:#627186;--acc:#0E7C86;--onacc:#fff;--up:#12804A;--dn:#C62828;--warn:#B45309}
html{scroll-padding-top:env(safe-area-inset-top,0px)}html,body{height:100%}
body{background:var(--bg);color:var(--ink);font:12.5px/1.4 'IBM Plex Sans',system-ui,sans-serif;display:grid;grid-template-rows:36px minmax(0,1fr) 28px;overflow:hidden}
:focus-visible{outline:2px solid var(--acc);outline-offset:1px}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:disabled{cursor:not-allowed}
a{color:inherit;text-decoration:none}
.n{font-family:'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums}
.up{color:var(--up)}.dn{color:var(--dn)}.mu{color:var(--mute)}.fl{flex:1}
.top,.sb{display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--panel)}
.top{border-bottom:1px solid var(--line)}.sb{border-top:1px solid var(--line);font-size:12px;color:var(--mute);gap:14px}
.brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}
.seg2{display:flex;background:var(--p2);border:1px solid var(--line);border-radius:9px;padding:2px;margin-left:10px}
.seg2 button,.seg2 a{display:block;padding:3px 11px;border-radius:7px;color:var(--mute)}.seg2 a:hover{color:var(--ink)}.seg2 .on{background:var(--panel);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.25)}
.seg2 em{font-style:normal;font-size:11px;margin-left:6px;border:1px solid var(--line);border-radius:999px;padding:0 7px}
.ib{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;color:var(--mute)}.ib:hover{background:var(--p2);color:var(--ink)}
main{overflow:auto;padding:16px 20px 28px}
.hh{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:16px}
h1{font-size:20px;font-weight:600;letter-spacing:-.02em}.hh p{color:var(--mute)}
.go{background:var(--acc);color:var(--onacc);font-weight:600;padding:7px 16px;border-radius:8px;display:inline-block}
.tk{display:flex;overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;min-height:34px}
.ev{display:flex;gap:10px;align-items:center;padding:8px 12px;border-right:1px solid var(--line);white-space:nowrap}
.tag{font-size:11px;font-weight:600;padding:1px 8px;border-radius:6px;background:var(--p2);color:var(--acc);white-space:nowrap}
.hg{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}
h2{font-size:14px;font-weight:600;margin:14px 0 8px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
h2 small{font-weight:500;font-size:12px;color:var(--mute)}
.cds{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.card,.row{display:block;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.card{min-height:108px}.card:hover,.row:hover{border-color:var(--acc)}
.rw{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.rw+.rw{margin-top:2px;font-size:12px}
.s{font-size:14px;font-weight:600}.px{font-size:14px}
.sp{display:block;width:100%;height:28px;margin:8px 0}.sp rect{fill:var(--acc);opacity:.5}.sp .lv{fill:var(--warn);opacity:1}
.lv2{border-top:1px solid var(--line);padding-top:7px;margin-top:2px;color:var(--mute)}
.vb{display:inline-block;width:46px;height:5px;background:var(--p2);border:1px solid var(--line);border-radius:9px;margin-right:6px;vertical-align:middle;position:relative}
.vb i{display:block;height:100%;background:var(--acc);border-radius:9px}.vb i.w{background:var(--warn)}.vb::after{content:"";position:absolute;left:33%;top:-2px;bottom:-2px;width:1px;background:var(--mute)}
.err{margin:8px 0;font-size:12px}.retry{font-size:12px;color:var(--acc)}
.sk{display:inline-block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--p2),var(--line),var(--p2));background-size:200% 100%;animation:sh 1.2s infinite}.sk.blk{display:block;height:48px;margin-top:12px}
@keyframes sh{to{background-position:-200% 0}}
.mvh{font-size:12px;color:var(--mute);margin:10px 0 6px}
.row{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:7px 10px;margin-bottom:5px;align-items:baseline}.row small{grid-column:1/-1;color:var(--mute);font-size:11.5px;margin-top:-4px}
.nw{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:7px 0;border-bottom:1px solid var(--line)}.nw:hover p{color:var(--acc)}.nw time{color:var(--mute);font-size:12px;white-space:nowrap}
.fds{display:flex;gap:16px}.fd{display:flex;align-items:center;gap:6px;white-space:nowrap}
.dot{width:7px;height:7px;border-radius:50%;background:var(--up);flex:none}.dot.limited{background:var(--warn)}.dot.down{background:var(--dn)}.dot.wait{background:var(--mute)}
.sb b{color:var(--ink);font-weight:500}.sep{width:1px;height:16px;background:var(--line)}
.sbtn{display:flex;align-items:center;gap:10px;padding:3px 8px;border-radius:8px;color:var(--mute)}.sbtn:hover,.sbtn.on{background:var(--p2)}
.pop{position:fixed;z-index:30;width:450px;max-width:calc(100% - 16px);background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.45);padding:12px 16px}
.axr{position:relative;height:18px;margin:0 116px 4px 108px;font:11px 'IBM Plex Mono';color:var(--mute)}.axr span{position:absolute;transform:translateX(-50%)}
.pr{display:grid;grid-template-columns:96px 1fr 104px;gap:12px;align-items:center;padding:7px 0}.nm{display:flex;align-items:center;gap:9px}.nm i{width:8px;height:8px;border-radius:50%}
.trk{position:relative;height:6px;border-radius:9px;background:var(--p2)}.trk i{position:absolute;top:0;bottom:0;border-radius:9px}.nowl{position:absolute;top:-4px;bottom:-4px;width:1px;background:var(--mute)}
.toast{position:fixed;left:50%;bottom:52px;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:9px 16px;border-radius:9px;z-index:40;max-width:90%}
[hidden]{display:none!important}
@media(max-width:900px){.hg{grid-template-columns:1fr}main{padding:18px 14px 30px}.fds .fd:nth-child(n+2),#nx,#fm,.sep{display:none}}
@media(prefers-reduced-motion:reduce){.sk{animation:none}}
h2 .go2{margin-left:auto;font-size:12px;font-weight:500;color:var(--acc)}h2 .go2:hover{text-decoration:underline}