:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--bg:#090c11;--surface:#10151c;--surface-2:#151b24;--line:#97a5b829;--line-strong:#97a5b83d;--text:#f4f6f9;--muted:#8c96a5;--muted-2:#626d7c;--green:#59d473;--blue:#5b9dff;--blue-soft:#9bc5ff;--traffic-in:#55a8ff;--traffic-out:#ff9f5a;--violet:#a77aff;--amber:#f5b84b;--red:#ff6672;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}html{background:var(--bg)}body{background:var(--bg);overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;min-width:320px}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.icon{flex:none}.app-shell{background:var(--bg);grid-template-rows:minmax(0,1fr) auto;display:grid;position:fixed;inset:0;overflow:hidden}.content-shell{width:min(100%,780px);height:100%;min-height:0;padding:calc(var(--safe-top) + 24px) 24px 28px;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;margin:0 auto;overflow:hidden auto}.app-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:23px;display:flex}.header-copy{min-width:0}.app-header h1{letter-spacing:-.052em;margin:0;font-size:clamp(38px,9vw,50px);font-weight:720;line-height:1}.app-header p{color:var(--muted);align-items:center;gap:7px;margin:9px 0 0;font-size:13px;line-height:1.2;display:flex}.app-header p>span:not(.live-dot){color:var(--muted-2)}.header-actions{align-items:center;gap:2px;display:flex}.icon-button{width:42px;height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:color .18s,background .18s,transform .18s;display:grid}.icon-button.active{background:var(--surface-2);color:var(--blue)}.icon-button:active{background:var(--surface-2);transform:scale(.94)}.icon-button.spinning .icon{animation:.9s linear infinite spin}.live-dot{background:var(--green);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #59d4731a}.live-dot.warn{background:var(--amber);box-shadow:0 0 0 4px #f5b84b1a}.live-dot.bad{background:var(--red);box-shadow:0 0 0 4px #ff66721a}.status-mark{width:var(--mark-size);height:var(--mark-size);font-size:calc(var(--mark-size) * .53);border:1.7px solid;border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid}.status-mark.ok{color:var(--green)}.status-mark.warn{color:var(--amber)}.status-mark.bad{color:var(--red)}.metric-section{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:5px 0 23px;display:grid}.metric-gauge{text-align:center;min-width:0}.metric-label{color:#bdc4ce;justify-content:center;align-items:center;height:26px;font-size:12px;font-weight:580;line-height:1.15;display:flex}.gauge{--gauge-tone:var(--green);aspect-ratio:1;background:conic-gradient(var(--gauge-tone) var(--progress), #222933 0);border-radius:50%;width:min(100%,78px);margin:3px auto 0;padding:6px;transform:rotate(-40deg)}.gauge-inner{background:var(--bg);width:100%;height:100%;color:var(--text);letter-spacing:-.04em;border-radius:50%;place-items:center;font-size:clamp(18px,4.8vw,25px);font-weight:690;display:grid;transform:rotate(40deg)}.gauge.violet{--gauge-tone:var(--violet)}.gauge.blue{--gauge-tone:var(--blue)}.gauge.amber{--gauge-tone:var(--amber)}.gauge.red{--gauge-tone:var(--red)}.sparkline{width:100%;height:21px;margin-top:6px;overflow:visible}.sparkline polyline{fill:none;stroke:var(--green);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.88}.sparkline.violet polyline{stroke:var(--violet)}.sparkline.blue polyline{stroke:var(--blue)}.sparkline.amber polyline{stroke:var(--amber)}.sparkline.red polyline{stroke:var(--red)}.resource-block,.traffic-block,.activity-block{border-bottom:1px solid var(--line);padding:25px 0}.section-title{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.section-title h2{letter-spacing:-.025em;margin:0;font-size:22px;font-weight:680;line-height:1.1}.section-title p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.35}.traffic-live-status{background:var(--muted-2);border-radius:50%;width:6px;height:6px;margin:0 6px 1px 0;display:inline-block}.traffic-live-status.online{background:var(--green);box-shadow:0 0 0 4px #59d47314}.range-control{background:var(--surface-2);border-radius:10px;flex:none;gap:2px;padding:3px;display:flex}.range-control button{min-width:38px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 8px;font-size:11px;font-weight:650;transition:background .18s,color .18s}.range-control button.active{color:var(--text);background:#293343;box-shadow:0 1px 5px #00000040}.resource-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:13px;display:grid}.resource-values span{min-width:0;color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.resource-values strong{color:var(--text);font-variant-numeric:tabular-nums;margin-left:1px;font-size:14px;font-weight:650}.legend-dot.cpu{background:var(--green)}.legend-dot.memory{background:var(--violet)}.legend-dot.temperature{background:var(--amber)}.resource-chart{background:linear-gradient(#151d28e0,#0c1117b8);border-radius:13px;height:132px;position:relative;overflow:hidden}.resource-chart.range-expand{transform-origin:100%;animation:.32s cubic-bezier(.2,.75,.25,1) both rangeExpand}.resource-chart.range-compress{transform-origin:100%;animation:.32s cubic-bezier(.2,.75,.25,1) both rangeCompress}.resource-chart svg{width:100%;height:100%;overflow:visible}.resource-line{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.resource-line.cpu{stroke:var(--green)}.resource-line.memory{stroke:var(--violet)}.resource-line.temperature{stroke:var(--amber)}.resource-scale{z-index:1;color:#697584;font-variant-numeric:tabular-nums;pointer-events:none;background:#0c1117b8;border-radius:4px;padding:1px 3px;font-size:8px;line-height:1;position:absolute;right:5px}.resource-scale.top{top:5px}.resource-scale.middle{top:50%;transform:translateY(-50%)}.resource-scale.bottom{bottom:4px}.traffic-values{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:14px;display:grid}.traffic-values>div{min-width:0}.traffic-values span{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.traffic-values strong{letter-spacing:-.035em;white-space:nowrap;margin-top:6px;font-size:clamp(20px,5.8vw,29px);font-weight:620;line-height:1;display:block}.legend-dot{border-radius:50%;width:7px;height:7px}.legend-dot.inbound{background:var(--traffic-in)}.legend-dot.outbound{background:var(--traffic-out)}.traffic-values>div:first-child strong{color:var(--traffic-in)}.traffic-values>div:last-child strong{color:var(--traffic-out)}.traffic-chart{background:linear-gradient(#151d28e0,#0c1117b8);border-radius:13px;height:164px;position:relative;overflow:hidden}.traffic-chart.range-expand{transform-origin:100%;animation:.32s cubic-bezier(.2,.75,.25,1) both rangeExpand}.traffic-chart.range-compress{transform-origin:100%;animation:.32s cubic-bezier(.2,.75,.25,1) both rangeCompress}.traffic-chart svg{width:100%;height:100%;overflow:visible}.chart-grid path{fill:none;stroke:#91a1b51a;stroke-width:1px;vector-effect:non-scaling-stroke}.traffic-area{fill:url(#trafficFill);transition:d .82s linear}.traffic-line{fill:none;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:d .82s linear}.traffic-line.inbound{stroke:var(--traffic-in)}.traffic-line.outbound{stroke:var(--traffic-out);opacity:.96}.traffic-chart.is-live .traffic-line.inbound{animation:2.4s ease-in-out infinite liveGlow}.chart-empty{height:100%;color:var(--muted);place-items:center;font-size:13px;display:grid}.chart-axis,.traffic-totals{align-items:center}.chart-axis{color:#788493;font-variant-numeric:tabular-nums;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:8px;font-size:9px;display:grid}.chart-axis span{text-align:center}.chart-axis span:first-child{text-align:left}.chart-axis span:last-child{text-align:right}.traffic-totals{color:var(--muted);justify-content:space-between;margin-top:12px;font-size:11px;display:flex}.traffic-totals span{align-items:center;gap:5px;display:flex}.traffic-totals span:first-child .icon{color:var(--traffic-in)}.traffic-totals span:last-child .icon{color:var(--traffic-out)}.activity-list{border-top:1px solid var(--line)}.activity-row{border-bottom:1px solid var(--line);grid-template-columns:36px minmax(0,1fr) auto 9px;align-items:center;gap:11px;min-height:67px;display:grid}.activity-icon{width:34px;height:34px;color:var(--blue);background:#5b9dff17;border-radius:10px;place-items:center;display:grid}.activity-copy{min-width:0}.activity-copy strong,.activity-rate b{font-size:14px;font-weight:630;display:block}.activity-copy small,.activity-rate small{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.25;display:block}.activity-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.activity-rate{text-align:right}.activity-rate b{color:#dceaff;font-size:13px}.activity-pulse{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite pulse;box-shadow:0 0 #59d47359}.quiet-state{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:17px 0;display:flex}.quiet-state strong{font-size:14px}.quiet-state p{color:var(--muted);margin:4px 0 0;font-size:12px}.quiet-orbit{border:1px solid #59d47359;border-radius:50%;flex:none;width:34px;height:34px;box-shadow:inset 0 0 0 9px #59d4730d}.bottom-nav{z-index:20;width:min(100% - 24px,756px);height:calc(54px + var(--safe-bottom));padding:3px max(5px, env(safe-area-inset-right)) var(--safe-bottom) max(5px, env(safe-area-inset-left));border:1px solid var(--line);-webkit-backdrop-filter:blur(24px)saturate(140%);background:#0c1016f0;border-bottom:0;border-radius:18px 18px 0 0;grid-template-columns:repeat(5,1fr);justify-self:center;display:grid;position:relative;overflow:hidden}.bottom-nav button{color:#737d8b;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;padding:0 2px;font-size:9.5px;font-weight:570;line-height:1;transition:color .18s,transform .18s;display:flex}.bottom-nav button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bottom-nav button.active{color:var(--blue)}.bottom-nav button:active{transform:scale(.94)}.connection-notice{border:1px solid color-mix(in srgb, var(--amber) 35%, transparent);background:color-mix(in srgb, var(--amber) 8%, transparent);color:#ffd38a;border-radius:10px;margin:-5px 0 18px;padding:10px 12px;font-size:12px;line-height:1.4}.detail-header{margin:1px 0 24px}.detail-header h2{letter-spacing:-.042em;margin:0;font-size:31px;line-height:1.05}.detail-header p{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.4}.view-enter{animation:.28s ease-out both viewIn}.detail-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:54px;display:flex}.detail-summary strong{font-size:14px}.detail-summary small{color:var(--muted);margin-left:auto;font-size:12px}.group-list{margin-top:11px}.service-group{border-bottom:1px solid var(--line)}.service-group summary{cursor:pointer;grid-template-columns:1fr auto 18px;align-items:center;gap:11px;min-height:63px;list-style:none;display:grid}.service-group summary::-webkit-details-marker{display:none}.service-group summary>span{align-items:center;gap:11px;min-width:0;display:flex}.service-group summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:630;overflow:hidden}.service-group summary small{color:var(--muted);font-size:11px}.service-group summary>.icon{color:var(--muted);transition:transform .18s}.service-group[open] summary>.icon{transform:rotate(90deg)}.service-items{padding:0 0 12px 32px}.service-item{border-top:1px solid #8f9bab1a;justify-content:space-between;align-items:center;gap:12px;min-height:41px;font-size:12px;display:flex}.service-item span{color:#c3cad4;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.service-item strong{flex:none;font-size:11px;font-weight:650}.large-status{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:15px;min-height:82px;margin-bottom:25px;display:flex}.large-status strong{letter-spacing:-.015em;font-size:18px}.large-status p{color:var(--muted);margin:5px 0 0;font-size:12px}.info-block{margin-bottom:25px}.info-block-title{color:#d8dde5;align-items:center;gap:9px;margin-bottom:9px;display:flex}.info-block-title .icon{color:var(--blue)}.info-block-title h3{margin:0;font-size:16px;font-weight:650}.info-rows{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.info-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:53px;font-size:13px;display:flex}.info-row:last-child{border-bottom:0}.info-row>span{color:#c4cad3;min-width:0}.info-row span small{max-width:190px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;line-height:1.2;display:block;overflow:hidden}.info-row strong{color:#edf0f4;text-align:right;overflow-wrap:anywhere;max-width:53%;font-size:12px;font-weight:570;line-height:1.35}.ok-text{color:var(--green)!important}.warn-text{color:var(--amber)!important}.bad-text{color:var(--red)!important}.settings-group{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.toggle-row,.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:65px;display:flex}.toggle-row:last-child,.setting-row:last-child{border-bottom:0}.toggle-row>span,.setting-row>span{flex-direction:column;gap:4px;min-width:0;display:flex}.toggle-row strong,.setting-row strong{font-size:14px;font-weight:620}.toggle-row small,.setting-row small{color:var(--muted);font-size:11px}.setting-row b{max-width:47%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;overflow:hidden}.toggle-row{cursor:pointer;position:relative}.toggle-row input{opacity:0;pointer-events:none;position:absolute}.toggle-row i{background:#2e3540;border-radius:99px;flex:none;width:48px;height:29px;transition:background .18s;position:relative}.toggle-row i:after{content:"";background:#fff;border-radius:50%;width:23px;height:23px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #00000059}.toggle-row input:checked+i{background:var(--green)}.toggle-row input:checked+i:after{transform:translate(19px)}.install-note{background:var(--surface-2);color:#dfe4eb;border-radius:13px;gap:12px;margin:24px 0;padding:15px;display:flex}.install-note .icon{color:var(--blue)}.install-note strong{font-size:13px}.install-note p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.45}.push-settings{border:1px solid var(--line);background:var(--surface);border-radius:13px;margin:24px 0;padding:15px}.push-settings-copy{align-items:flex-start;gap:12px;display:flex}.push-icon{width:35px;height:35px;color:var(--blue);background:#5b9dff1a;border-radius:10px;flex:none;place-items:center;display:grid}.push-settings-copy strong{font-size:14px;font-weight:630}.push-settings-copy p,.push-hint,.push-message{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.45}.push-hint{color:#c2a875;margin-top:13px}.push-actions{gap:8px;margin-top:14px;display:flex}.push-actions button{background:var(--blue);color:#07101e;cursor:pointer;border:0;border-radius:10px;flex:1;min-height:38px;padding:0 12px;font-size:12px;font-weight:680}.push-actions button.secondary{border:1px solid var(--line-strong);background:var(--surface-2);color:#dbe5f4}.push-actions button:disabled{opacity:.5;cursor:default}.push-message{color:var(--green)}.logout-button{width:100%;height:50px;color:var(--red);cursor:pointer;background:#ff66720f;border:1px solid #ff667245;border-radius:12px;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:620;display:flex}.version{color:#596271;text-align:center;margin:21px 0 0;font-size:11px}.loading-shell,.empty-state{min-height:100dvh;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:30px;display:flex}.empty-state{min-height:44vh}.loader{border:3px solid #242b35;border-top-color:var(--green);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}.auth-shell{width:min(100% - 44px,420px);min-height:100dvh;padding:calc(var(--safe-top) + 28px) 0 calc(var(--safe-bottom) + 28px);flex-direction:column;justify-content:center;margin:0 auto;display:flex}.auth-logo{border-radius:22px;width:86px;height:86px;margin-bottom:27px}.auth-icon{background:var(--surface-2);width:70px;height:70px;color:var(--blue);border-radius:21px;place-items:center;margin-bottom:23px;display:grid}.auth-shell h1{letter-spacing:-.045em;margin:0;font-size:37px;line-height:1.05}.auth-shell>p{color:var(--muted);margin:13px 0 27px;font-size:15px;line-height:1.5}.auth-shell form{gap:15px;display:grid}.auth-shell label{gap:8px;display:grid}.auth-shell label span{color:#c7ccd4;font-size:12px;font-weight:580}.auth-shell input{border:1px solid var(--line);background:var(--surface-2);width:100%;height:51px;color:var(--text);border-radius:12px;padding:0 15px;font-size:16px}.auth-shell input:focus{border-color:var(--blue)}.primary-button{background:var(--green);color:#07110a;cursor:pointer;border:0;border-radius:13px;width:100%;height:53px;margin-top:4px;font-size:15px;font-weight:700}.primary-button:disabled{opacity:.55}.primary-button:active{transform:scale(.985)}.form-error{color:#ff949b;background:#ff667217;border-radius:10px;padding:11px 13px;font-size:12px}.auth-security{color:#656e7a;align-items:center;gap:8px;margin:20px 5px 0;font-size:11px;line-height:1.35;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes viewIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes liveGlow{0%,to{opacity:.82}50%{opacity:1}}@keyframes rangeExpand{0%{opacity:.75;transform:scaleX(.84)}to{opacity:1;transform:scaleX(1)}}@keyframes rangeCompress{0%{opacity:.75;transform:scaleX(1.12)}to{opacity:1;transform:scaleX(1)}}@keyframes pulse{70%{box-shadow:0 0 0 7px #59d47300}to{box-shadow:0 0 #59d47300}}@media (width>=620px){.content-shell{padding-left:38px;padding-right:38px}.metric-label{font-size:13px}.bottom-nav button{font-size:10.5px}}@media (width<=480px){.content-shell{padding:calc(var(--safe-top) + 18px) 18px 24px}.app-header{margin-bottom:20px}.app-header h1{font-size:40px}.metric-section{gap:7px;padding-bottom:20px}.gauge{width:min(100%,69px);padding:5px}.gauge-inner{font-size:19px}.sparkline{height:18px}.resource-block,.traffic-block,.activity-block{padding:23px 0}.traffic-values{gap:12px}.traffic-chart{height:154px}}@media (width<=370px){.content-shell{padding-left:15px;padding-right:15px}.app-header h1{font-size:37px}.header-actions{gap:0}.icon-button{width:38px;height:38px}.metric-label{font-size:10px}.gauge-inner{font-size:17px}.section-title{flex-direction:column}.range-control{align-self:flex-start}.traffic-values strong{font-size:19px}.bottom-nav button{font-size:8.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}