:root{--bg:#0a0e13;--surface:#121921;--surface-2:#1a232e;--surface-3:#232e3b;--line:#ffffff12;--line-2:#ffffff1f;--text:#e9eef4;--muted:#8b96a5;--faint:#5d6877;--brand:#0096c3;--brand-2:#0084b5;--brand-soft:#0096c324;--in:#2fc57a;--in-soft:#2fc57a24;--out:#f5a524;--out-soft:#f5a52424;--solar:#f2c94c;--grid:#7aa7ff;--danger:#ff5d5d;--danger-soft:#ff5d5d21;--ok:#2fc57a;--radius:18px;--radius-sm:12px;--shadow:0 1px 0 #ffffff08 inset;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--tabbar-h:62px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#eef1f5;--surface:#fff;--surface-2:#f3f5f8;--surface-3:#e7ebf0;--line:#0e162114;--line-2:#0e162124;--text:#0f1620;--muted:#5f6b7a;--faint:#95a0ad;--brand-soft:#0084b51a;--in:#16a35e;--in-soft:#16a35e1a;--out:#d98400;--out-soft:#d984001a;--solar:#d9a300;--grid:#3f73e0;--danger:#e03a3a;--danger-soft:#e03a3a17;--shadow:0 1px 2px #0f16200d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);margin:0}body{font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;-webkit-user-select:none;user-select:none;font:15px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button{font:inherit;color:inherit}input,select{font:inherit;color:inherit;-webkit-user-select:text;user-select:text}#app{min-height:100%}.shell{min-height:100vh;min-height:100dvh;padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 12px)}.topbar{z-index:20;padding:calc(var(--safe-top) + 10px) 16px 10px;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:saturate(160%)blur(16px);border-bottom:1px solid #0000;align-items:center;gap:10px;display:flex;position:sticky;top:0}.topbar.scrolled{border-bottom-color:var(--line)}.topbar h1{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:20px;font-weight:700;overflow:hidden}.devname{flex-direction:column;flex:1;min-width:0;display:flex}.devname b{white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;overflow:hidden}.devname small{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;display:flex}.dot{background:var(--faint);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.dot.on{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 22%, transparent)}.dot.warn{background:var(--out)}.dot.off{background:var(--danger)}.logo-mark{flex:none;width:30px;height:30px}.page{max-width:760px;margin:0 auto;padding:4px 16px 16px}.stack{gap:12px;display:grid}.row{align-items:center;gap:10px;display:flex}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:12.5px}.center{text-align:center}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:18px 4px 8px;font-size:12.5px;font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card.tight{padding:12px 14px}.card h3{color:var(--muted);margin:0 0 10px;font-size:14px;font-weight:650}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.hero{grid-template-columns:auto 1fr;align-items:center;gap:18px;display:grid}.ring{width:148px;height:148px;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring .track{stroke:var(--surface-3)}.ring .val{transition:stroke-dashoffset .8s cubic-bezier(.2,.8,.2,1),stroke .4s}.ring .label{text-align:center;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.ring .pct{letter-spacing:-.03em;font-size:38px;font-weight:750;line-height:1}.ring .pct small{color:var(--muted);margin-left:1px;font-size:18px;font-weight:600}.ring .sub{color:var(--muted);margin-top:4px;font-size:12px}.status-line{margin-bottom:2px;font-size:15px;font-weight:650}.status-line.in{color:var(--in)}.status-line.out{color:var(--out)}.hero-facts{gap:6px;margin-top:10px;display:grid}.fact{justify-content:space-between;gap:8px;font-size:13.5px;display:flex}.fact span:first-child{color:var(--muted);white-space:nowrap}.fact b{text-align:right;font-weight:650}.flow{grid-template-columns:1fr 1fr;gap:12px;display:grid}.flow .card{padding:14px}.flow-head{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.flow-icon{border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.flow-icon svg{width:16px;height:16px}.in .flow-icon{background:var(--in-soft);color:var(--in)}.out .flow-icon{background:var(--out-soft);color:var(--out)}.flow-value{letter-spacing:-.02em;margin:8px 0;font-size:30px;font-weight:750;line-height:1.05}.flow-value small{color:var(--muted);margin-left:3px;font-size:15px;font-weight:600}.in .flow-value{color:var(--in)}.out .flow-value{color:var(--out)}.flow-value.zero{opacity:.55;color:var(--text)!important}.breakdown{gap:5px;display:grid}.bd{align-items:center;gap:7px;font-size:13px;display:flex}.bd i{border-radius:50%;flex:none;width:6px;height:6px}.bd span{color:var(--muted);flex:1}.bd b{font-weight:600}.bar{background:var(--surface-3);border-radius:4px;height:4px;margin-top:10px;overflow:hidden}.bar>div{border-radius:4px;height:100%;transition:width .6s}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.chip svg{width:14px;height:14px}.chip.ok{color:var(--in);background:var(--in-soft);border-color:#0000}.chip.warn{color:var(--out);background:var(--out-soft);border-color:#0000}.chip.bad{color:var(--danger);background:var(--danger-soft);border-color:#0000}.chip.blue{color:var(--brand);background:var(--brand-soft);border-color:#0000}.toggles{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.tg{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);cursor:pointer;justify-items:center;gap:6px;padding:12px 6px 10px;transition:background .2s,border-color .2s,transform .1s;display:grid;position:relative}.tg:active{transform:scale(.97)}.tg .ic{background:var(--surface-2);width:40px;height:40px;color:var(--muted);border-radius:13px;place-items:center;transition:all .2s;display:grid}.tg .ic svg{width:21px;height:21px}.tg b{font-size:13px;font-weight:650}.tg small{color:var(--muted);font-size:11.5px}.tg.on{border-color:color-mix(in srgb, var(--brand) 45%, transparent);background:linear-gradient(180deg, var(--brand-soft), transparent 75%), var(--surface)}.tg.on .ic{background:var(--brand);color:#fff;box-shadow:0 6px 18px -6px var(--brand)}.tg.busy .ic{animation:.9s infinite pulse}@keyframes pulse{50%{opacity:.45}}.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.li{border-top:1px solid var(--line);align-items:center;gap:12px;min-height:52px;padding:13px 16px;display:flex}.li:first-child{border-top:0}.li .t{flex:1;min-width:0}.li .t b{font-size:15px;font-weight:550;display:block}.li .t small{color:var(--muted);margin-top:1px;font-size:12.5px;display:block}.li .v{color:var(--muted);white-space:nowrap;text-align:right;font-weight:550}.li .v.strong{color:var(--text)}.li.clickable{cursor:pointer}.li.clickable:active{background:var(--surface-2)}.chev{color:var(--faint);flex:none;width:16px;height:16px}.li-icon{background:var(--surface-2);width:30px;height:30px;color:var(--muted);border-radius:9px;flex:none;place-items:center;display:grid}.li-icon svg{width:17px;height:17px}.sw{background:var(--surface-3);cursor:pointer;border:0;border-radius:999px;flex:none;width:50px;height:30px;padding:0;transition:background .2s;position:relative}.sw:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .22s cubic-bezier(.3,.7,.3,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000040}.sw.on{background:var(--brand)}.sw.on:after{transform:translate(20px)}.sw:disabled{opacity:.5}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:3px;display:grid}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 4px;font-size:13.5px;font-weight:600}.seg button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000002e}:root[data-theme=dark] .seg button.on,:root:not([data-theme]) .seg button.on{background:var(--surface-3)}.slider-wrap{border-top:1px solid var(--line);padding:14px 16px 16px}.slider-wrap:first-child{border-top:0}.slider-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.slider-head b{font-weight:550}.slider-head .val{color:var(--brand);font-size:18px;font-weight:700}.slider-wrap small{color:var(--muted);margin-top:2px;font-size:12.5px;display:block}input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:30px;margin-top:8px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--brand) var(--p,50%), var(--surface-3) var(--p,50%));border-radius:6px;height:6px}input[type=range]::-moz-range-track{background:var(--surface-3);border-radius:6px;height:6px}input[type=range]::-moz-range-progress{background:var(--brand);border-radius:6px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:0;border-radius:50%;width:26px;height:26px;margin-top:-10px;box-shadow:0 2px 8px #00000059}input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:26px;height:26px;box-shadow:0 2px 8px #00000059}.range-scale{color:var(--faint);justify-content:space-between;margin-top:-2px;font-size:11.5px;display:flex}.tabbar{z-index:30;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(160%)blur(18px);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--faint);cursor:pointer;background:0 0;border:0;align-content:center;justify-items:center;gap:3px;font-size:10.5px;font-weight:600;display:grid}.tab svg{width:23px;height:23px}.tab.on{color:var(--brand)}.btn{cursor:pointer;background:var(--brand);color:#fff;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-size:15px;font-weight:650;display:inline-flex}.btn:active{filter:brightness(.92)}.btn:disabled{opacity:.55}.btn.ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}.btn.danger{background:var(--danger-soft);color:var(--danger)}.btn.block{width:100%}.btn.sm{border-radius:10px;padding:8px 12px;font-size:13.5px}.icon-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:38px;height:38px;color:var(--muted);border-radius:12px;flex:none;place-items:center;display:grid}.icon-btn svg{width:19px;height:19px}.icon-btn:disabled{opacity:.35}.field{gap:6px;display:grid}.field label{color:var(--muted);font-size:13px;font-weight:600}.input{border:1px solid var(--line-2);background:var(--surface-2);border-radius:12px;outline:none;width:100%;padding:13px 14px;font-size:16px}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.login{min-height:100vh;min-height:100dvh;padding:calc(var(--safe-top) + 24px) 20px calc(var(--safe-bottom) + 24px);place-items:center;display:grid}.login-box{gap:16px;width:100%;max-width:400px;display:grid}.login-brand{justify-items:center;gap:12px;margin-bottom:8px;display:grid}.login-brand .mark{background:#fff;border-radius:22px;place-items:center;width:84px;height:84px;display:grid;box-shadow:0 10px 40px -12px #0096c38c}.login-brand .mark svg{width:56px;height:56px}.login-brand h1{letter-spacing:-.02em;margin:0;font-size:28px}.login-brand h1 span{color:var(--brand)}.login-brand p{color:var(--muted);text-align:center;margin:0}.err{color:var(--danger);background:var(--danger-soft);border-radius:10px;padding:10px 12px;font-size:13.5px}.period-nav{align-items:center;gap:8px;display:flex}.period-nav .title{text-align:center;flex:1;font-size:16px;font-weight:700}.kpis{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 14px}.kpi span{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.kpi span i{border-radius:3px;width:8px;height:8px;display:inline-block}.kpi b{letter-spacing:-.02em;margin-top:4px;font-size:22px;font-weight:750;display:block}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:6px;font-size:12.5px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:3px;width:10px;height:10px;display:inline-block}.chart-box{width:100%;position:relative}.bars svg{width:100%;display:block;overflow:visible}.bars .axis text{fill:var(--faint);font-size:10px}.bars .gridline{stroke:var(--line)}.tooltip{pointer-events:none;background:var(--surface-3);border:1px solid var(--line-2);white-space:nowrap;z-index:5;border-radius:10px;padding:8px 10px;font-size:12.5px;position:absolute;box-shadow:0 8px 24px #0000004d}.tooltip b{margin-bottom:2px;display:block}.uplot{font-family:inherit!important}.u-legend{display:none}.empty{text-align:center;color:var(--muted);padding:30px 10px}.empty svg{width:42px;height:42px;color:var(--faint);margin-bottom:8px}.toast{left:50%;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 16px);z-index:60;background:var(--surface-3);border:1px solid var(--line-2);color:var(--text);border-radius:14px;max-width:calc(100% - 32px);padding:11px 16px;font-size:14px;font-weight:550;animation:.25s toastIn;position:fixed;transform:translate(-50%);box-shadow:0 12px 32px #00000059}.toast.bad{border-color:color-mix(in srgb, var(--danger) 50%, transparent)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}}.banner{border-radius:14px;align-items:center;gap:10px;padding:11px 14px;font-size:13.5px;font-weight:550;display:flex}.banner svg{flex:none;width:18px;height:18px}.banner.bad{background:var(--danger-soft);color:var(--danger)}.banner.warn{background:var(--out-soft);color:var(--out)}.banner.info{background:var(--brand-soft);color:var(--brand)}.sheet-bg{z-index:50;background:#00000073;animation:.2s fade;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{z-index:51;background:var(--surface);padding:8px 16px calc(var(--safe-bottom) + 16px);border-radius:22px 22px 0 0;max-width:760px;max-height:85vh;margin:0 auto;animation:.28s cubic-bezier(.2,.8,.2,1) up;position:fixed;bottom:0;left:0;right:0;overflow:auto}.sheet .grab{background:var(--surface-3);border-radius:5px;width:38px;height:5px;margin:4px auto 12px}.sheet h2{margin:0 0 4px;font-size:18px}.sheet p{color:var(--muted);margin:0 0 14px;font-size:13.5px}.opts{gap:8px;display:grid}.opt{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:13px;justify-content:space-between;align-items:center;padding:14px;font-weight:550;display:flex}.opt.on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}@keyframes fade{0%{opacity:0}}@keyframes up{0%{transform:translateY(100%)}}.ev{border-top:1px solid var(--line);align-items:flex-start;gap:12px;padding:11px 16px;display:flex}.ev:first-child{border-top:0}.ev .when{color:var(--faint);white-space:nowrap;min-width:86px;padding-top:1px;font-size:12px}.ev .what{flex:1;font-size:14px}.ev .k{background:var(--faint);border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px}.spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite rot;display:inline-block}@keyframes rot{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--surface-2), var(--surface-3), var(--surface-2));background-size:200% 100%;border-radius:10px;animation:1.2s infinite sk}@keyframes sk{to{background-position:-200% 0}}@media (min-width:700px){.toggles{gap:12px}.hero{gap:28px}.ring{width:170px;height:170px}}@media (max-width:360px){.ring{width:124px;height:124px}.ring .pct{font-size:32px}.flow-value{font-size:25px}.toggles{gap:7px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.uplot,.uplot *,.uplot :before,.uplot :after{box-sizing:border-box}.uplot{width:min-content;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{-webkit-user-select:none;user-select:none;position:relative}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{width:100%;height:100%;display:block;position:relative}.u-axis{position:absolute}.u-legend{text-align:center;margin:auto;font-size:14px}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{pointer-events:none;background:#00000012;position:absolute}.u-cursor-x,.u-cursor-y{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.u-hz .u-cursor-x,.u-vt .u-cursor-y{border-right:1px dashed #607d8b;height:100%}.u-hz .u-cursor-y,.u-vt .u-cursor-x{border-bottom:1px dashed #607d8b;width:100%}.u-cursor-pt{pointer-events:none;will-change:transform;border:0 solid;border-radius:50%;position:absolute;top:0;left:0;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}