:root{--bg:#070b12;--panel:#0e1521;--panel-2:#111a28;--line:#1d2938;--muted:#7d8b9e;--text:#f4f7fb;--green:#66e3b4;--blue:#7d9dff;--purple:#d19bff;--amber:#ffcb6b;--red:#ff7785;--chart-surface:#0a111a;--chart-border:#192432;--chart-track:#1a2432;--chart-core:#0b121b;--chart-label:#8290a2;--sidebar:228px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,input,select{font:inherit}button{color:inherit}input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.loading-page{text-align:center;background:radial-gradient(circle at 50% 44%, #14243b 0, var(--bg) 38%);place-content:center;gap:18px;min-height:100vh;display:grid}.loading-page p{color:var(--muted);letter-spacing:.04em;margin:0;font-size:14px}.loading-mark,.brand-mark{background:linear-gradient(145deg,#6de5b7,#4d9bff);border-radius:12px;place-content:center;width:38px;height:38px;display:grid;position:relative;box-shadow:0 10px 28px #55c8b52b}.loading-mark{margin:auto;animation:1.8s ease-in-out infinite breathe}.loading-mark i,.brand-mark i{background:#07100f;border-radius:4px;width:4px;display:block;position:absolute;bottom:10px}.loading-mark i:first-child,.brand-mark i:first-child{height:9px;left:10px}.loading-mark i:nth-child(2),.brand-mark i:nth-child(2){height:16px;left:17px}.loading-mark i:nth-child(3),.brand-mark i:nth-child(3){height:12px;left:24px}@keyframes breathe{50%{transform:translateY(-4px);box-shadow:0 16px 36px #55c8b54a}}.auth-page{background:#080d15;grid-template-columns:minmax(420px,47%) 1fr;min-height:100vh;display:grid;position:relative;overflow:hidden}.auth-panel{z-index:2;background:linear-gradient(120deg,#080d15 75%,#080d15e8);border-right:1px solid #ffffff0a;flex-direction:column;min-height:100vh;padding:44px clamp(34px,6vw,96px);display:flex;position:relative}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-lockup>div:last-child{flex-direction:column;gap:1px;display:flex}.brand-lockup strong{letter-spacing:.02em;font-size:16px}.brand-lockup span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:10px}.brand-lockup>.site-title-display,.brand-lockup>div.site-title-display,.site-title-display{white-space:nowrap;flex-direction:row;align-items:center;gap:9px;min-width:0;display:flex}.site-title-display strong{text-overflow:ellipsis;letter-spacing:-.01em;font-size:15px;overflow:hidden}.site-title-display span{text-overflow:ellipsis;color:var(--text);letter-spacing:-.01em;text-transform:none;font-size:15px;font-weight:700;overflow:hidden}.site-title-display i{background:var(--line);flex:none;width:1px;height:20px}.auth-copy{max-width:430px;margin-top:auto}.eyebrow{color:var(--green);letter-spacing:.2em;font-size:10px;font-weight:750}.auth-copy h1{letter-spacing:-.055em;margin:18px 0 14px;font-size:clamp(36px,5vw,58px);line-height:1.02}.auth-copy p{color:#96a4b6;margin:0;font-size:14px;line-height:1.7}.auth-form{gap:16px;width:100%;max-width:430px;margin:34px 0 auto;display:grid}.auth-back-button{color:#93a1b4;cursor:pointer;background:0 0;border:1px solid #263449;border-radius:10px;height:42px}.auth-back-button:hover{color:#e8eef6;background:#101722;border-color:#43536a}.auth-form label{gap:8px;display:grid}.auth-form label>span{color:#a9b6c7;font-size:12px;font-weight:650}.auth-form input{color:#fff;background:#0d1520;border:1px solid #243144;border-radius:11px;outline:none;width:100%;height:48px;padding:0 14px;transition:all .2s}.auth-form input:focus{background:#101a28;border-color:#67dfb2;box-shadow:0 0 0 3px #66e3b416}.primary-button{color:#05100e;cursor:pointer;background:linear-gradient(135deg,#66e3b4,#56b9dd);border:0;border-radius:11px;height:49px;margin-top:3px;font-weight:800;transition:all .2s;box-shadow:0 12px 28px #4dbfa22b}.primary-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.primary-button:disabled{opacity:.65;cursor:wait;transform:none}.form-error{color:#ffacb4;background:#ff778511;border:1px solid #ff77852b;border-radius:9px;padding:11px 13px;font-size:12px}.auth-footnote{color:#627084;align-items:center;gap:7px;margin-top:28px;font-size:11px;display:flex}.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #66e3b412}.auth-visual{background:radial-gradient(circle at 52%,#183149 0,#0e1724 35%,#070b12 76%);min-height:100vh;position:relative;overflow:hidden}.visual-grid{opacity:.17;background-image:linear-gradient(#7a9cb42b 1px,#0000 1px),linear-gradient(90deg,#7a9cb42b 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:-20%;transform:perspective(600px)rotateX(62deg)rotate(-12deg)translateY(24%);-webkit-mask-image:radial-gradient(circle,#000 0,#0000 70%);mask-image:radial-gradient(circle,#000 0,#0000 70%)}.visual-orbit{border:1px solid #75d9c229;border-radius:50%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:420px;height:420px}.orbit-two{opacity:.5;border-style:dashed;width:650px;height:650px}.visual-node{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#101d2bcf;border:1px solid #ffffff1b;border-radius:16px;padding:18px;display:grid;position:absolute;box-shadow:0 24px 70px #0007}.visual-node span{color:var(--green);font-family:ui-monospace,monospace;font-size:11px}.visual-node strong{margin-top:22px;font-size:20px}.visual-node small{color:var(--muted);margin-top:5px}.node-main{width:210px;height:150px;top:44%;left:50%;transform:translate(-50%,-50%)}.node-main:after{content:"";background:var(--green);width:8px;height:8px;box-shadow:0 0 18px var(--green);border-radius:50%;position:absolute;top:18px;right:18px}.node-side{opacity:.8;width:155px;height:126px;top:63%;left:69%;transform:translate(-50%,-50%)}.visual-caption{gap:8px;display:grid;position:absolute;bottom:8%;left:9%}.visual-caption b{letter-spacing:-.03em;font-size:28px}.visual-caption span{color:#91a0b3;font-size:13px}.auth-ambient{filter:blur(80px);pointer-events:none;opacity:.12;border-radius:50%;position:fixed}.ambient-one{background:#63e3b5;width:300px;height:300px;bottom:-120px;left:-150px}.ambient-two{background:#789dff;width:240px;height:240px;top:-120px;left:36%}.public-page{background:var(--bg);min-height:100vh;color:var(--text)}.public-header{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;justify-content:space-between;align-items:center;gap:18px;height:76px;padding:0 clamp(22px,5vw,72px);display:flex;position:sticky;top:0}.public-header>.brand-lockup{flex-wrap:nowrap;flex:auto;min-width:0}.public-header>.brand-lockup .site-title-display{flex:0 auto;min-width:0}.public-header-actions{align-items:center;gap:12px;display:flex}.public-header .site-title-display strong,.public-header .site-title-display span{font-size:16px}.public-theme-control .theme-menu{right:0}.public-live{border:1px solid color-mix(in srgb, var(--green) 24%, var(--line));height:38px;color:var(--green);border-radius:20px;align-items:center;gap:8px;padding:0 13px;font-size:11px;display:flex}.public-live i{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 5px color-mix(in srgb, var(--green) 12%, transparent);border-radius:50%}.public-login-button{border:1px solid var(--line);background:var(--panel);height:40px;color:var(--text);cursor:pointer;border-radius:11px;padding:0 17px;font-weight:700}.public-login-button:hover{border-color:color-mix(in srgb, var(--green) 48%, var(--line));transform:translateY(-1px)}.public-content{width:min(1380px,100% - 44px);margin:0 auto;padding:66px 0 70px}.public-hero{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px;display:flex}.public-hero h1{letter-spacing:-.06em;margin:13px 0 10px;font-size:clamp(38px,6vw,68px);line-height:.98}.public-hero p{color:var(--muted);margin:0;font-size:13px}.public-overall{border:1px solid var(--line);background:var(--panel);border-radius:16px;align-items:center;gap:13px;min-width:230px;padding:17px 20px;display:flex}.public-overall>i{border-radius:50%;flex:none;width:12px;height:12px}.public-overall.healthy>i{background:var(--green);box-shadow:0 0 0 7px color-mix(in srgb, var(--green) 13%, transparent)}.public-overall.degraded>i{background:var(--amber);box-shadow:0 0 0 7px color-mix(in srgb, var(--amber) 13%, transparent)}.public-overall div{gap:4px;display:grid}.public-overall strong{font-size:13px}.public-overall span{color:var(--muted);font-size:10px}.public-summary{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:28px;display:grid}.public-summary article{border:1px solid var(--line);background:var(--panel);border-radius:15px;gap:6px;min-height:116px;padding:19px 21px;display:grid}.public-summary span,.public-summary small{color:var(--muted);font-size:10px}.public-summary strong{letter-spacing:-.04em;font-size:29px}.public-map-panel{border:1px solid var(--line);background:var(--panel);border-radius:16px;margin-bottom:28px;padding:20px;overflow:hidden}.public-map-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.public-map-heading>div:first-child{gap:5px;display:grid}.public-map-heading strong{font-size:15px}.public-map-heading small{color:var(--muted);font-size:9px}.public-map-viewport{overscroll-behavior:contain;scrollbar-width:thin;width:100%;max-height:510px;margin-top:8px;overflow:auto}.public-map-panel svg{min-width:100%;max-width:none;height:auto;transition:width .18s;display:block}.public-map-sphere{fill:var(--panel-2);stroke:var(--line)}.public-map-countries path{fill:color-mix(in srgb, var(--muted) 20%, var(--panel));stroke:color-mix(in srgb, var(--muted) 34%, var(--panel));stroke-width:.55px;transition:fill .2s,stroke .2s}.public-map-countries path.has-public-nodes{fill:color-mix(in srgb, var(--green) 25%, var(--panel));stroke:color-mix(in srgb, var(--green) 50%, var(--line))}.public-map-countries path.selected-region{fill:color-mix(in srgb, var(--green) 58%, var(--panel));stroke:var(--green);stroke-width:1.15px}.public-map-marker circle:first-child{fill:color-mix(in srgb, var(--green) 18%, transparent);stroke:color-mix(in srgb, var(--green) 40%, transparent)}.public-map-marker circle:nth-child(2){fill:var(--green);filter:drop-shadow(0 0 5px var(--green))}.public-map-marker.offline circle:first-child{fill:color-mix(in srgb, var(--red) 18%, transparent);stroke:color-mix(in srgb, var(--red) 40%, transparent)}.public-map-marker.offline circle:nth-child(2){fill:var(--red)}.public-map-marker text{fill:var(--text);paint-order:stroke;stroke:var(--panel);stroke-width:3px;font-size:8px;font-weight:700}.map-zoom-controls{align-items:center;gap:5px;display:flex}.map-zoom-controls button{border:1px solid var(--line);background:var(--panel-2);min-width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:8px;padding:0 9px}.map-zoom-controls button:hover:not(:disabled){border-color:color-mix(in srgb, var(--green) 45%, var(--line));color:var(--green)}.map-zoom-controls button:disabled{opacity:.35;cursor:not-allowed}.map-zoom-controls b{min-width:42px;color:var(--muted);text-align:center;font-size:9px}.public-map-marker{cursor:pointer;outline:none}.public-map-marker:hover text,.public-map-marker:focus text{fill:var(--green)}.public-map-marker:hover circle:first-child,.public-map-marker:focus circle:first-child{stroke-width:2px}.public-region-tabs{border:1px solid var(--line);background:var(--panel);border-radius:14px;gap:5px;margin:-11px 0 17px;padding:7px;display:flex;overflow-x:auto}.public-region-tabs button{min-width:max-content;height:39px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;padding:0 13px;display:flex}.public-region-tabs button b{color:color-mix(in srgb, var(--muted) 72%, transparent);font-size:9px}.public-region-tabs button:hover{background:var(--panel-2);color:var(--text)}.public-region-tabs button.active{border-color:color-mix(in srgb, var(--green) 30%, var(--line));background:color-mix(in srgb, var(--green) 10%, var(--panel));color:var(--green)}.public-region-tabs button.active b{color:var(--green)}.public-toolbar{border:1px solid var(--line);background:var(--panel);border-radius:15px;justify-content:space-between;align-items:center;gap:20px;min-height:66px;margin-bottom:13px;padding:11px 14px 11px 20px;display:flex}.public-toolbar>div{gap:4px;display:grid}.public-toolbar>div strong{font-size:13px}.public-toolbar>div span{color:var(--muted);font-size:9px}.public-toolbar label{border:1px solid var(--line);background:var(--bg);width:min(310px,42vw);height:40px;color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.public-toolbar input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.public-view-menu{position:relative}.public-view-trigger{cursor:pointer}.public-view-options{z-index:55;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 96%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;gap:3px;width:175px;padding:7px;display:grid;position:absolute;top:47px;right:0;box-shadow:0 16px 42px #0004}.public-view-options button{min-height:42px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:25px 1fr;align-items:center;gap:8px;padding:0 11px;display:grid}.public-view-options button:hover,.public-view-options button.active{background:color-mix(in srgb, var(--green) 12%, var(--panel));color:var(--green)}.public-view-options i{font-size:17px;font-style:normal}.public-view-options span{font-size:11px}.public-node-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.public-node-grid.compact,.public-node-grid.table{grid-template-columns:1fr;gap:8px}.public-node-grid.compact .public-node{grid-template-columns:minmax(230px,1.1fr) minmax(320px,1fr);align-items:center;gap:18px;min-height:76px;padding:12px 15px;display:grid}.public-node-grid.compact .public-node-description,.public-node-grid.compact .public-node-tags,.public-node-grid.compact .public-plan-specs,.public-node-grid.compact .public-traffic-usage,.public-node-grid.compact .public-tcp-panel,.public-node-grid.compact .public-metrics{display:none}.public-node-grid.compact .public-node-foot{border:0;padding:0}.public-node-grid.table .public-node{grid-template-columns:minmax(230px,.8fr) minmax(420px,1.4fr) minmax(260px,.8fr);align-items:center;gap:16px;min-height:82px;padding:12px 15px;display:grid}.public-node-grid.table .public-node-description,.public-node-grid.table .public-node-tags,.public-node-grid.table .public-traffic-usage,.public-node-grid.table .public-tcp-panel,.public-node-grid.table .public-metrics{display:none}.public-node-grid.table .public-plan-specs{margin:0;padding:9px 11px}.public-node-grid.table .public-node-foot{border:0;padding:0}.public-node{--public-accent:var(--green);border:1px solid color-mix(in srgb, var(--public-accent) 30%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--public-accent) 8%, var(--panel)), var(--panel) 58%);cursor:pointer;border-radius:16px;outline:none;padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s}.public-node:hover,.public-node:focus-visible{border-color:color-mix(in srgb, var(--public-accent) 60%, var(--line));box-shadow:0 14px 32px color-mix(in srgb, var(--public-accent) 9%, transparent);transform:translateY(-2px)}.public-node.offline{--public-accent:var(--red);opacity:.82}.public-node-title{align-items:center;gap:10px;min-width:0;display:flex}.public-node-dot{background:var(--public-accent);width:9px;height:9px;box-shadow:0 0 0 5px color-mix(in srgb, var(--public-accent) 12%, transparent);border-radius:50%}.public-flag{font-size:18px}.flag-emoji-image{object-fit:contain;vertical-align:-.12em;width:1em;height:1em;display:inline-block}.public-node-title>div{gap:4px;min-width:0;display:grid}.public-node-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.public-node-title small{color:var(--muted);font-size:10px}.public-node-title>b{border:1px solid color-mix(in srgb, var(--public-accent) 24%, var(--line));color:var(--public-accent);border-radius:10px;margin-left:auto;padding:7px 11px;font-size:10px}.public-node-description{color:var(--muted);margin:16px 0 0;font-size:11px;line-height:1.65}.public-node-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.public-node-tags span{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:7px;padding:5px 8px;font-size:8px}.public-plan-specs{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-top:15px;padding:13px;display:grid}.public-plan-specs>span{gap:5px;min-width:0;display:grid}.public-plan-specs small{color:var(--muted);font-size:8px}.public-plan-specs strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.public-traffic-usage{--traffic-tone:var(--green);border:1px solid color-mix(in srgb, var(--traffic-tone) 30%, var(--line));background:color-mix(in srgb, var(--traffic-tone) 6%, var(--panel-2));border-radius:10px;margin-top:15px;padding:13px}.public-traffic-usage.warning{--traffic-tone:var(--amber)}.public-traffic-usage.danger{--traffic-tone:var(--red)}.public-traffic-usage>div{grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:12px;display:grid}.public-traffic-usage span{color:var(--muted);font-size:9px}.public-traffic-usage strong{font-size:11px}.public-traffic-usage strong small{color:var(--muted);font-size:8px;font-weight:500}.public-traffic-usage b{color:var(--traffic-tone);font-size:11px}.public-traffic-usage>i{background:var(--line);border-radius:6px;height:6px;margin-top:10px;display:block;overflow:hidden}.public-traffic-usage>i em{border-radius:inherit;background:var(--traffic-tone);height:100%;transition:width .25s,background .25s;display:block}.public-tcp-panel{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;margin-top:15px;padding:13px}.public-tcp-panel>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.public-tcp-panel>div:first-child strong{font-size:10px}.public-tcp-panel>div:first-child small{color:var(--muted);font-size:8px}.public-tcp-panel>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.public-tcp-panel>div:last-child>span{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;min-height:42px;padding:8px;display:grid}.public-tcp-panel i{background:var(--red);border-radius:50%;width:6px;height:6px}.public-tcp-panel i.ok{background:var(--green)}.public-tcp-panel b{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.public-tcp-panel span strong{font-size:8px}.public-tcp-panel span small{color:var(--muted);grid-column:2/-1;font-size:7px}.public-metrics{grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 20px;display:grid}.public-metric span{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.public-metric b{color:var(--text);font-size:11px}.public-metric>i{background:var(--line);border-radius:4px;height:5px;margin-top:8px;display:block;overflow:hidden}.public-metric em{border-radius:inherit;background:var(--public-accent);height:100%;display:block}.public-node-foot{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:12px;padding-top:17px;display:grid}.public-node-foot>span{gap:5px;min-width:0;display:grid}.public-node-foot small{color:var(--muted);font-size:9px}.public-node-foot strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:650;overflow:hidden}.public-loading,.public-empty{border:1px solid var(--line);min-height:220px;color:var(--muted);border-radius:16px;align-content:center;place-items:center;gap:12px;font-size:12px;display:grid}.public-loading i{border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}.public-error{border:1px solid color-mix(in srgb, var(--red) 30%, var(--line));color:var(--red);border-radius:13px;padding:18px}.public-error button{color:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.public-footer{border-top:1px solid var(--line);min-height:76px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 clamp(22px,5vw,72px);font-size:10px;display:flex}.public-detail{gap:18px;display:grid}.public-detail-back{border:1px solid var(--line);background:var(--panel);width:max-content;height:40px;color:var(--text);cursor:pointer;border-radius:10px;padding:0 14px;font-weight:700}.public-detail-back:hover{border-color:color-mix(in srgb, var(--green) 45%, var(--line));color:var(--green)}.public-detail-hero{--public-accent:var(--green);border:1px solid color-mix(in srgb, var(--public-accent) 34%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--public-accent) 10%, var(--panel)), var(--panel) 58%);border-radius:20px;padding:clamp(22px,4vw,42px)}.public-detail-title{align-items:center;gap:13px;display:flex}.public-detail-title>i{background:var(--red);width:12px;height:12px;box-shadow:0 0 0 7px color-mix(in srgb, var(--red) 12%, transparent);border-radius:50%}.public-detail-title>i.online{background:var(--green);box-shadow:0 0 0 7px color-mix(in srgb, var(--green) 12%, transparent)}.public-detail-title>span{font-size:26px}.public-detail-title>div{min-width:0}.public-detail-title h1{overflow-wrap:anywhere;letter-spacing:-.05em;margin:0;font-size:clamp(27px,4vw,48px)}.public-detail-title p{color:var(--muted);margin:7px 0 0}.public-detail-title>b{border:1px solid color-mix(in srgb, var(--public-accent) 30%, var(--line));color:var(--public-accent);border-radius:11px;margin-left:auto;padding:9px 14px;font-size:11px}.public-detail-description{max-width:820px;color:var(--muted);margin:22px 0 0;line-height:1.7}.public-detail-facts{border-top:1px solid var(--line);grid-template-columns:repeat(7,minmax(0,1fr));gap:18px;margin-top:28px;padding-top:22px;display:grid}.public-detail-facts span{gap:7px;min-width:0;display:grid}.public-detail-facts small{color:var(--muted);font-size:9px}.public-detail-facts strong{overflow-wrap:anywhere;font-size:11px}.public-detail-hero>.public-traffic-usage{background:color-mix(in srgb, var(--traffic-tone) 7%, var(--panel));margin-top:24px;padding:16px}.public-detail-hero>.public-traffic-usage span,.public-detail-hero>.public-traffic-usage strong,.public-detail-hero>.public-traffic-usage b{font-size:12px}.public-detail-hero>.public-traffic-usage>i{height:8px}.public-detail-tabs{border:1px solid var(--line);background:var(--panel);border-radius:14px;width:max-content;margin:2px auto;padding:4px;display:flex}.public-detail-tabs button{min-width:82px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;font-weight:750}.public-detail-tabs button.active{background:color-mix(in srgb, var(--green) 12%, var(--panel));color:var(--green);box-shadow:0 5px 14px color-mix(in srgb, var(--green) 10%, transparent)}.public-detail-live{border:1px solid var(--line);background:var(--panel);border-radius:17px;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;padding:22px;display:grid}.public-detail-live>span{gap:7px;display:grid}.public-detail-live>span small{color:var(--muted);font-size:9px}.public-detail-live>span strong{font-size:17px}.public-detail-trends{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.public-trend-card{border:1px solid var(--line);background:var(--panel);border-radius:17px;min-height:230px;padding:20px}.public-trend-card>div{justify-content:space-between;gap:12px;display:flex}.public-trend-card span{color:var(--muted);font-size:10px}.public-trend-card strong{font-size:13px}.public-trend-card svg{width:100%;height:150px;margin-top:19px;overflow:visible}.public-trend-card line{stroke:var(--line);stroke-width:.5px}.public-trend-card polyline{fill:none;stroke-width:1.8px;vector-effect:non-scaling-stroke}.public-detail-network{border:1px solid var(--line);background:var(--panel);border-radius:18px;min-height:360px;padding:clamp(20px,3vw,34px)}.public-detail-network h2{margin:12px 0 7px;font-size:25px}.public-detail-network p{color:var(--muted);margin:0;font-size:11px}.public-detail-pings{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.public-detail-pings article{border:1px solid var(--line);background:var(--panel-2);border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:70px;padding:13px;display:grid}.public-detail-pings i{background:var(--red);border-radius:50%;width:8px;height:8px}.public-detail-pings i.ok{background:var(--green)}.public-detail-pings div{gap:5px;min-width:0;display:grid}.public-detail-pings strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.public-detail-pings small{color:var(--muted);font-size:8px}.public-detail-pings b{font-size:12px}.public-detail-no-data{min-height:210px;color:var(--muted);place-items:center;display:grid}.public-history-periods{border:1px solid var(--line);background:var(--panel);width:max-content;max-width:100%;box-shadow:var(--shadow);border-radius:12px;gap:3px;margin:0 auto 18px;padding:4px;display:flex;overflow-x:auto}.public-history-periods button{min-width:62px;color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px 12px;font-size:10px}.public-history-periods button.active{color:var(--green);background:color-mix(in srgb, var(--green) 12%, var(--panel))}.public-history-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.public-history-card{min-height:205px}.public-latency-tools{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.public-latency-tools select,.public-latency-tools button{border:1px solid var(--line);background:var(--panel-2);min-height:38px;color:var(--text);font:inherit;border-radius:9px;padding:0 13px;font-size:9px}.public-latency-tools button{cursor:pointer}.public-detail-pings.selectable article{cursor:pointer;transition:opacity .18s,border-color .18s,box-shadow .18s}.public-detail-pings.selectable article.selected{border-color:color-mix(in srgb, var(--green) 55%, var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--green) 24%, transparent)}.public-detail-pings.selectable article.hidden{opacity:.42}.public-detail-no-data.compact{border:1px dashed var(--line);border-radius:13px;min-height:180px;margin-top:18px}.public-latency-chart{border:1px solid var(--line);background:var(--panel-2);border-radius:13px;margin-top:18px;padding:22px 24px 17px 58px;position:relative}.public-latency-chart svg{width:100%;height:300px;overflow:visible}.public-latency-grid line{stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}.public-latency-chart polyline{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.public-latency-axis{color:var(--muted);text-align:right;flex-direction:column;justify-content:space-between;font-size:8px;display:flex;position:absolute;inset:22px auto 58px 13px}.public-latency-time{color:var(--muted);justify-content:space-between;font-size:8px;display:flex}.public-latency-legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:16px;margin-top:14px;font-size:9px;display:flex}.public-latency-legend span{align-items:center;gap:6px;display:flex}.public-latency-legend i{border-radius:4px;width:9px;height:4px}@keyframes spin{to{transform:rotate(360deg)}}.public-profile-panel{padding:22px}.public-profile-form{gap:14px;margin-top:18px;display:grid}.public-profile-privacy{border:1px solid color-mix(in srgb, var(--green) 24%, var(--line));background:color-mix(in srgb, var(--green) 7%, var(--panel));border-radius:11px;gap:5px;padding:14px 16px;display:grid}.public-profile-privacy strong{color:var(--green);font-size:11px}.public-profile-privacy span{color:var(--muted);font-size:9px;line-height:1.6}.public-profile-form fieldset{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0;padding:17px;display:grid}.public-profile-form legend{color:var(--green);padding:0 7px;font-size:10px;font-weight:750}.public-profile-form label{gap:6px;min-width:0;display:grid}.public-profile-form label.wide,.public-enable-row,.public-field-switches{grid-column:1/-1}.public-profile-form label>span{color:var(--muted);font-size:9px}.public-profile-form input:not([type=checkbox]),.public-profile-form textarea{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--text);border-radius:9px;outline:none;padding:0 11px}.public-profile-form input:not([type=checkbox]){height:40px}.public-profile-form textarea{resize:vertical;padding-top:10px}.public-profile-form input:focus,.public-profile-form textarea:focus{border-color:color-mix(in srgb, var(--green) 55%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 9%, transparent)}.public-enable-row{border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;min-height:58px;padding:11px 13px;display:flex!important}.public-enable-row>span{gap:4px;display:grid}.public-enable-row strong{color:var(--text);font-size:11px}.public-enable-row small{color:var(--muted);font-size:8px}.public-enable-row input{width:18px;height:18px;accent-color:var(--green)}.public-field-switches{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.public-field-switches label{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:9px;align-items:center;gap:8px;min-height:42px;padding:0 12px;display:flex}.public-field-switches input{accent-color:var(--green)}.public-field-switches label>span{color:var(--text)}.public-plan-switches{margin-top:3px}.public-manager{margin-top:16px;padding:22px}.public-manager .panel-heading{margin-bottom:16px}.public-manager-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}.public-manager-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:13px;min-height:67px;padding:10px 13px;display:grid}.public-manager-row:first-child{border-top:0}.public-manager-row>div{gap:4px;min-width:0;display:grid}.public-manager-row strong,.public-manager-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.public-manager-row strong{font-size:11px}.public-manager-row small{color:var(--muted);font-size:9px}.public-manager-row .secondary-button{height:34px;padding:0 11px}.public-manager-row .rule-switch input:disabled+i{opacity:.35;cursor:not-allowed}.app-shell{background:var(--bg);min-height:100vh}.sidebar{width:var(--sidebar);z-index:20;background:#090e16;border-right:1px solid #17212e;flex-direction:column;padding:25px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{padding:0 7px 27px}.sidebar nav{gap:6px;display:grid}.sidebar nav button{color:#758399;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;height:43px;padding:0 12px;font-size:13px;transition:all .18s;display:flex}.sidebar nav button>span{border:1px solid #283444;border-radius:8px;place-items:center;width:27px;height:27px;transition:all .18s;display:grid}.nav-icon{width:16px;height:16px;display:block}.sidebar nav button:hover{color:#d4dce7;background:#101722}.sidebar nav button.active{color:#effbf7;box-shadow:inset 2px 0 var(--green);background:linear-gradient(90deg,#162b2b,#111b26)}.sidebar nav button.active>span{color:var(--green);background:#66e3b414;border-color:#66e3b455;box-shadow:0 5px 14px #27b98914}.sidebar nav button b{color:#ff9ba5;background:#ff77851d;border-radius:9px;place-items:center;min-width:19px;height:19px;margin-left:auto;font-size:10px;display:grid}.sidebar-bottom{gap:14px;margin-top:auto;display:grid}.control-health{background:#0d141e;border:1px solid #1b2937;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.control-health div{gap:3px;display:grid}.control-health strong{font-size:11px}.control-health small{color:#657489;font-size:10px}.ghost-button{color:#68778b;cursor:pointer;background:0 0;border:1px solid #1c2734;border-radius:8px;height:36px;font-size:11px}.ghost-button:hover{color:#d3dce8;border-color:#334255}.main-content{min-height:100vh;margin-left:var(--sidebar)}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#080d14df;border-bottom:1px solid #17212e;justify-content:space-between;align-items:center;height:66px;padding:0 34px;display:flex;position:sticky;top:0}.topbar>div:first-child strong{font-size:13px}.mobile-kicker{color:var(--muted);display:none}.topbar-actions{align-items:center;gap:15px;display:flex}.theme-control{position:relative}.topbar-icon-button{color:#cbd5e1;cursor:pointer;background:#101722;border:1px solid #263449;border-radius:10px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.topbar-icon-button:hover,.topbar-icon-button[aria-expanded=true]{background:#15202d;border-color:#66e3b455}.theme-menu{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121316f2;border:1px solid #293544;border-radius:12px;gap:3px;width:190px;padding:6px;display:grid;position:absolute;top:42px;right:0;box-shadow:0 18px 55px #0008}.theme-menu-label{color:#78879a;letter-spacing:.16em;padding:8px 11px 4px;font-size:8px;font-weight:800}.theme-menu button{color:#dce2e9;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;min-height:40px;padding:0 11px;display:grid}.theme-menu button:hover{background:#242326}.theme-menu button[aria-checked=true]{background:#302e31}.theme-menu button span{font-size:15px}.theme-menu button b{font-size:11px}.theme-menu button i{color:#242326;background:#f2f4f6;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-style:normal;display:grid}.last-refresh{color:#647386;font-family:ui-monospace,monospace;font-size:10px}.mobile-logout-button{display:none}.avatar{color:#091510;background:linear-gradient(145deg,#6ce3b5,#84b9ff);border-radius:9px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.content-scroll{max-width:1480px;margin:auto;padding:40px clamp(24px,4vw,56px) 60px}.hero-row{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px;display:flex}.overview-hero-actions{align-items:center;gap:10px;display:flex}.overview-sort-control{position:relative}.overview-sort-trigger{color:#f5f5f5;cursor:pointer;background:#3a3838;border:1px solid #2b3038;border-radius:24px;align-items:center;gap:8px;height:48px;padding:0 18px;font-size:12px;font-weight:750;display:flex}.overview-sort-trigger:hover,.overview-sort-trigger[aria-expanded=true]{background:#464343;border-color:#535050}.overview-sort-trigger span{font-size:17px}.overview-sort-menu{z-index:45;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111112f5;border:1px solid #2c2a2b;border-radius:18px;width:255px;padding:16px;position:absolute;top:58px;right:0;box-shadow:0 22px 65px #0009}.overview-sort-menu>small{color:#a5a1a3;margin-bottom:9px;font-size:11px;display:block}.overview-sort-current{color:#f2eff0;background:#1b191a;border:1px solid #343133;border-radius:13px;justify-content:space-between;align-items:center;min-height:44px;padding:0 13px;font-size:12px;display:flex}.overview-sort-current span{color:#8d898b;font-size:17px}.overview-sort-options{background:#09090a;border:1px solid #302d2f;border-radius:14px;max-height:min(490px,62vh);margin-top:6px;padding:6px 0;display:grid;overflow-y:auto}.overview-sort-options button{color:#ece8ea;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:23px 1fr;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:11px;display:grid}.overview-sort-options button:hover{background:#211f20}.overview-sort-options button i{color:#fff;font-size:14px;font-style:normal}.hero-row h1,.section-heading h1{letter-spacing:-.055em;margin:11px 0 10px;font-size:clamp(30px,4vw,48px);line-height:1.05}.hero-row p,.section-heading p{color:#7d8b9e;margin:0;font-size:13px;line-height:1.7}.hero-badge{color:#ebfffa;background:#0d191d;border:1px solid #1b2d32;border-radius:13px;align-items:center;gap:13px;min-width:150px;padding:15px 17px;display:flex;box-shadow:inset 0 1px #ffffff08,0 14px 34px #0613181f}.hero-badge>div{gap:2px;display:grid}.hero-badge strong{color:#ebfffa;font-size:20px}.hero-badge small{color:#8ab9ad;font-size:10px}.pulse-dot{background:var(--green);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 6px #66e3b411,0 0 18px #66e3b488}.summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.summary-grid article{border:1px solid var(--line);background:linear-gradient(145deg,#0e1520,#0b111a);border-radius:12px;gap:7px;min-height:105px;padding:16px 18px;display:grid}.summary-grid span{color:#77869a;font-size:10px}.summary-grid strong{letter-spacing:-.04em;font-size:26px}.summary-grid small{color:#536176;font-size:9px}.green-text{color:var(--green)}.red-text{color:var(--red)}.amber-text{color:var(--amber)}.dashboard-grid{grid-template-columns:minmax(330px,.92fr) minmax(460px,1.45fr);gap:14px;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#0f1723,#0c131d);border-radius:14px}.tinted-card{background:linear-gradient(135deg, color-mix(in srgb, var(--card-accent) 18%, var(--panel)), color-mix(in srgb, var(--card-accent) 5%, var(--panel)) 72%)!important;border-color:color-mix(in srgb, var(--card-accent) 45%, var(--line))!important}.tinted-card.selected,.node-switcher button.tinted-card.active{border-color:var(--green)!important}.server-card,.chart-panel,.traffic-panel,.alert-panel{padding:20px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.panel-heading>div:not(.server-title){gap:5px;display:grid}.panel-heading strong{font-size:13px}.panel-heading small{color:#657489;font-size:9px}.server-title{align-items:center;gap:11px;display:flex}.server-title>div{gap:4px;display:grid}.server-title strong{font-size:14px}.server-title small{color:#6e7c90;font-size:10px}.server-status{background:var(--red);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #ff778510}.server-status.online{background:var(--green);box-shadow:0 0 0 5px #66e3b410}.pill{color:#ff939d;background:#ff778511;border:1px solid #ff778522;border-radius:8px;padding:5px 9px;font-size:9px}.pill.online{color:var(--green);background:#66e3b40d;border-color:#66e3b421}.server-address{color:#75859a;background:#080e16;border:1px solid #182331;border-radius:7px;align-items:center;gap:9px;min-height:27px;margin:17px 0 19px;padding:0 10px;font-family:ui-monospace,monospace;font-size:9px;display:flex;overflow:hidden}.server-address i{background:#354456;border-radius:50%;flex:none;width:3px;height:3px}.server-address span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.metric-rings{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.metric-ring-card{background:var(--chart-surface);border:1px solid var(--chart-border);border-radius:11px;place-items:center;gap:8px;padding:13px 8px 10px;display:grid}.metric-ring-card>span{color:#6d7c90;font-size:9px}.metric-ring{background:conic-gradient(var(--ring-color) var(--ring-value), var(--chart-track) 0);border-radius:50%;place-items:center;width:70px;height:70px;display:grid;position:relative}.metric-ring:after{content:"";background:var(--chart-core);border-radius:50%;position:absolute;inset:5px}.metric-ring-inner{z-index:1;align-items:baseline;display:flex;position:relative}.metric-ring-inner strong{font-size:18px}.metric-ring-inner span{color:#748397;font-size:8px}.server-facts{grid-template-columns:1.5fr .8fr .7fr 1.2fr;gap:9px;margin-top:16px;display:grid}.server-facts div{gap:5px;min-width:0;display:grid}.server-facts span{color:#59687a;font-size:8px}.server-facts strong{color:#b5c0cd;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.heartbeat-line{color:#637286;border-top:1px solid #1b2633;justify-content:space-between;margin-top:15px;padding-top:13px;font-size:9px;display:flex}.heartbeat-line strong{color:#8d9bad;font-weight:500}.live-label{color:var(--green);border:1px solid #66e3b424;border-radius:7px;align-items:center;gap:5px;padding:4px 7px;font-size:8px;display:flex}.live-label i{background:var(--green);border-radius:50%;width:4px;height:4px}.chart-stack{gap:8px;margin-top:15px;display:grid}.chart-row{background:var(--chart-surface);border:1px solid var(--chart-border);border-radius:10px;grid-template-columns:105px 1fr;align-items:center;gap:15px;min-height:76px;padding:10px 12px;display:grid;overflow:hidden}.chart-row>div{grid-template-columns:auto 1fr;align-items:center;gap:0 7px;display:grid}.chart-row>div b{grid-column:2;margin-top:7px;font-size:16px}.chart-row>div strong{color:var(--chart-label);font-size:9px}.legend-dot{background:var(--green);border-radius:50%;width:5px;height:5px}.legend-dot.memory{background:var(--blue)}.legend-dot.disk{background:var(--purple)}.sparkline{width:100%;height:52px;display:block}.traffic-panel,.alert-panel{min-height:170px}.traffic-values{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.traffic-values>div{grid-template-columns:auto 1fr;align-items:center;gap:0 9px;display:grid}.traffic-values p{color:#657489;margin:0;font-size:9px}.traffic-values strong{grid-column:2;margin-top:4px;font-size:19px}.arrow{border-radius:8px;grid-row:1/3;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.arrow.down{color:var(--green);background:#66e3b40e}.arrow.up{color:var(--blue);background:#7d9dff0f}.traffic-aggregate{border-top:1px solid var(--line);gap:11px;margin-top:20px;padding-top:15px;display:grid}.traffic-aggregate-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.traffic-aggregate-heading strong{font-size:10px}.traffic-aggregate-heading small{color:#607086;font-size:8px}.traffic-aggregate-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.traffic-aggregate-values>div{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 78%, var(--green) 4%);border-radius:9px;gap:5px;min-width:0;padding:9px 10px;display:grid}.traffic-aggregate-values span{color:#66778c;font-size:8px}.traffic-aggregate-values strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.traffic-aggregate-total{color:#5e6f84;justify-content:space-between;align-items:center;gap:12px;font-size:8px;display:flex}.traffic-aggregate-total strong{color:#8595a8;text-align:right;font-size:8px;font-weight:600}.all-traffic-detail{gap:16px;padding:18px 20px;display:grid}.all-traffic-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;display:grid}.all-traffic-summary>div{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 82%, var(--green) 3%);border-radius:11px;align-content:center;gap:7px;min-width:0;min-height:72px;padding:12px 13px;display:grid}.all-traffic-summary>div.download{box-shadow:inset 3px 0 var(--green)}.all-traffic-summary>div.upload{box-shadow:inset 3px 0 var(--blue)}.all-traffic-summary>div.throughput{box-shadow:inset 3px 0 var(--purple)}.all-traffic-summary span{color:#68798e;font-size:9px}.all-traffic-summary strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.traffic-window-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.traffic-window-summary>div{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 86%, var(--green) 3%);border-radius:11px;align-content:center;gap:6px;min-width:0;min-height:86px;padding:13px 14px;display:grid}.traffic-window-summary>div.yesterday{box-shadow:inset 3px 0 var(--green)}.traffic-window-summary>div.week{box-shadow:inset 3px 0 var(--blue)}.traffic-window-summary>div.month{box-shadow:inset 3px 0 var(--purple)}.traffic-window-summary span{color:#68798e;font-size:9px}.traffic-window-summary strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.traffic-window-summary small{color:#75869a;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.traffic-daily-detail{border-top:1px solid var(--line);gap:11px;padding-top:14px;display:grid}.traffic-daily-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.traffic-daily-heading>div:first-child{gap:4px;display:grid}.traffic-daily-heading strong{font-size:10px}.traffic-daily-heading small{color:#65758a;font-size:8px}.traffic-daily-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.traffic-daily-controls button,.traffic-daily-controls input{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, var(--green) 2%);height:32px;color:var(--text);font:inherit;border-radius:8px;font-size:8px}.traffic-daily-controls button{cursor:pointer;padding:0 11px}.traffic-daily-controls button:hover,.traffic-daily-controls button.active{color:var(--green);background:#66e3b412;border-color:#66e3b455}.traffic-daily-controls input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;padding:0 9px}@media (prefers-color-scheme:dark){.traffic-daily-controls input{--lightningcss-light: ;--lightningcss-dark:initial}}.traffic-daily-total{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 88%, var(--purple) 3%);min-height:54px;box-shadow:inset 3px 0 var(--purple);border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:10px 13px;display:flex}.traffic-daily-total>div{gap:4px;display:grid}.traffic-daily-total span,.traffic-daily-total small{color:#718196;font-size:8px}.traffic-daily-total strong{color:var(--text);font-size:17px}.traffic-daily-table{border:1px solid var(--line);border-radius:10px;max-height:360px;overflow:auto}.traffic-daily-row{border:0;border-bottom:1px solid var(--line);color:#7a8a9e;text-align:left;background:0 0;grid-template-columns:minmax(155px,1.5fr) minmax(105px,.9fr) repeat(3,minmax(90px,.75fr)) 54px;align-items:center;gap:10px;width:100%;min-width:690px;min-height:42px;padding:0 12px;font-size:8px;display:grid}.traffic-daily-row:last-child{border-bottom:0}.traffic-daily-row:not(.traffic-daily-table-head){cursor:pointer;transition:all .15s}.traffic-daily-row:not(.traffic-daily-table-head):hover,.traffic-daily-row.active{background:#66e3b409}.traffic-daily-row strong{color:var(--text);font-size:9px}.traffic-daily-table-head{z-index:1;background:color-mix(in srgb, var(--panel) 96%, var(--green) 2%);color:#5f7086;min-height:34px;font-size:7px;font-weight:700;position:sticky;top:0}.traffic-daily-node,.traffic-daily-ip{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.traffic-daily-node{color:var(--text);font-weight:700}.traffic-daily-node i{background:var(--green);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #66e3b412}.traffic-daily-node i.offline{background:var(--red);box-shadow:0 0 0 4px #ff778512}.traffic-daily-ip{color:#93a4b8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.traffic-node-ranking{border-top:1px solid var(--line);gap:10px;padding-top:14px;display:grid}.traffic-node-ranking-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.traffic-node-ranking-title strong{font-size:10px}.traffic-node-ranking-title small{color:#65758a;font-size:8px}.traffic-node-ranking-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.traffic-node-ranking-list button{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 90%, var(--green) 2%);text-align:left;cursor:pointer;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;min-width:0;padding:10px 11px;transition:all .16s;display:grid}.traffic-node-ranking-list button:hover,.traffic-node-ranking-list button.active{background:#66e3b40b;border-color:#66e3b455}.traffic-node-ranking-list button>span{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;overflow:hidden}.traffic-node-ranking-list button>span i{background:var(--green);vertical-align:1px;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.traffic-node-ranking-list button>small{color:#6f8094;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;min-width:0;font-size:8px;overflow:hidden}.traffic-node-ranking-list button>strong{color:#9fb0c3;white-space:nowrap;grid-area:1/2;font-size:9px}.empty-health,.alert-item{border-radius:10px;align-items:center;gap:12px;margin-top:24px;padding:14px;display:flex}.empty-health{background:#66e3b408;border:1px solid #66e3b414}.empty-health>span{width:27px;height:27px;color:var(--green);background:#66e3b414;border-radius:50%;place-items:center;font-size:12px;display:grid}.empty-health div,.alert-item div{gap:4px;display:grid}.empty-health strong,.alert-item strong{font-size:10px}.empty-health small,.alert-item small{color:#617184;font-size:9px}.alert-item{background:#ff77850c;border:1px solid #ff77851b}.alert-item>span{color:var(--red)}.empty-agent{text-align:center;grid-column:1/-1;place-items:center;padding:65px 25px;display:grid}.empty-agent h2{margin:19px 0 8px;font-size:23px}.empty-agent p{color:#728195;max-width:460px;font-size:12px;line-height:1.7}.empty-icon{width:60px;height:60px;color:var(--green);background:#66e3b40b;border:1px solid #66e3b42a;border-radius:18px;place-items:center;font-family:ui-monospace,monospace;display:grid}.waiting-line{color:#819287;align-items:center;gap:8px;margin-top:14px;font-size:9px;display:flex}.waiting-line i{background:var(--green);border-radius:50%;width:6px;height:6px;animation:1.4s infinite blink}@keyframes blink{50%{opacity:.3}}.node-switcher{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-bottom:12px;display:grid}.node-switcher button{text-align:left;cursor:pointer;background:#0b121c;border:1px solid #1b2736;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px 10px;min-height:88px;padding:11px 13px;transition:all .18s;display:grid}.node-switcher button:hover{border-color:#34475d;transform:translateY(-1px)}.node-switcher button.active{box-shadow:inset 2px 0 var(--green);background:linear-gradient(120deg,#102421,#101925);border-color:#66e3b44d}.node-switcher-identity{gap:4px;min-width:0;display:grid}.node-switcher-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.node-switcher-identity small{color:#a9bbcf;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;cursor:copy;width:fit-content;max-width:100%;font:700 10px/1.25 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;transition:color .16s,text-shadow .16s;overflow:hidden}.node-switcher-identity small:hover,.node-switcher-identity small:focus-visible,.node-switcher-identity small.copied{color:var(--green);text-shadow:0 0 14px #66e3b455;outline:none}.node-uptime{color:#6f8298;white-space:nowrap;font-size:8px;font-weight:650}.node-cpu{color:#8494a7;white-space:nowrap;font-size:8px;font-weight:650}.node-traffic{grid-column:1/-1;gap:5px;min-width:0;display:grid}.node-traffic>span{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;display:grid}.node-traffic>span small{color:#69798d;white-space:nowrap;font-size:7px}.node-traffic>span strong{color:#b8c5d3;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:8px;font-weight:700;overflow:hidden}.node-traffic>span b{color:var(--green);white-space:nowrap;font-size:8px}.node-traffic>i{background:#1c2a3a;border-radius:99px;height:4px;overflow:hidden}.node-traffic>i>em{border-radius:inherit;background:linear-gradient(90deg,#43caa0,#66e3b4);height:100%;transition:width .3s;display:block}.node-traffic-reset{color:#a9b8c9;letter-spacing:.01em;font:750 9px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace}.node-traffic.warning>span b{color:var(--amber)}.node-traffic.warning>i>em{background:var(--amber)}.node-traffic.danger>span b,.node-traffic.critical>span b{color:var(--red)}.node-traffic.danger>i>em,.node-traffic.critical>i>em{background:var(--red)}.node-traffic.unmetered>span b{color:#718197}.node-traffic.unmetered>i{opacity:.45}.view-section{gap:15px;display:grid}.section-heading{margin-bottom:16px}.heading-actions{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.secondary-button{color:var(--green);cursor:pointer;white-space:nowrap;background:#66e3b40d;border:1px solid #66e3b43b;border-radius:9px;padding:10px 14px;font-size:11px;font-weight:750}.secondary-button:hover{background:#66e3b418}.inventory-toolbar{align-items:center;gap:12px;min-height:62px;padding:9px 12px;display:flex;overflow-x:auto}.inventory-view-toggle{flex:none;gap:5px;display:flex}.inventory-view-toggle button,.inventory-sort button{color:#77869a;cursor:pointer;background:#101925;border:1px solid #263449;border-radius:9px;width:36px;height:36px}.inventory-view-toggle button.active{color:#eef4ff;background:#2145a4;border-color:#668dff55;box-shadow:0 5px 16px #15388655}.inventory-search{background:#0a111a;border:1px solid #263449;border-radius:9px;flex:180px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;min-width:145px;max-width:225px;height:36px;padding:0 9px;transition:border-color .18s,box-shadow .18s;display:grid}.inventory-search:focus-within{border-color:#66e3b455;box-shadow:0 0 0 3px #66e3b40b}.inventory-search>span{color:#66758a;font-size:13px}.inventory-search input{color:#dce4ee;background:0 0;border:0;outline:0;width:100%;min-width:0;height:32px;font-size:9px}.inventory-search input::placeholder{color:#536175}.inventory-search kbd{color:#617084;background:#111a27;border:1px solid #2b394b;border-radius:5px;padding:2px 5px;font:8px ui-monospace,monospace}.inventory-search button{color:#7c8b9f;cursor:pointer;background:#172231;border:0;border-radius:6px;width:22px;height:22px}.region-tabs{background:#0a111a;border-radius:11px;align-items:center;gap:3px;min-width:max-content;padding:4px;display:flex}.region-tabs button{color:#6d7889;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;min-height:35px;padding:0 12px;font-size:10px}.region-tabs button:hover{color:#bdc7d4}.region-tabs button.active{color:#f4f7fb;background:#292a2e;box-shadow:0 3px 10px #0004}.region-tabs button b{color:#708098;margin-left:5px;font-size:8px}.region-tabs button.active b{color:var(--green)}.inventory-sort{flex:none;gap:6px;margin-left:auto;display:flex}.inventory-sort select{color:#a9b5c4;background:#0a111a;border:1px solid #263449;border-radius:9px;outline:none;min-width:116px;height:36px;padding:0 9px;font-size:9px}.inventory-sort button{font-size:16px}.inventory-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.inventory-card{cursor:pointer;outline:none;min-width:0;padding:19px;transition:border-color .18s,transform .18s,box-shadow .18s}.inventory-card:hover,.inventory-card:focus-visible{border-color:#34465c;transform:translateY(-1px)}.inventory-card.selected{box-shadow:inset 2px 0 var(--green), 0 12px 35px #0002;background:linear-gradient(125deg,#10201f,#0c131d 46%);border-color:#66e3b446}.inventory-card-identity{grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.country-flag{filter:saturate(.9);font-size:17px;line-height:1}.inventory-card-identity>div{gap:5px;min-width:0;display:grid}.inventory-card-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.inventory-card-identity small{color:#79879a;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.inventory-card-address{color:#c7d4e3;cursor:copy;outline:none;align-items:center;gap:7px;width:fit-content;max-width:100%;margin:11px 0 -3px 32px;display:flex}.inventory-card-address>b,.inventory-card-address>small{color:#7f91a8;background:#111b28;border:1px solid #2b3a4d;border-radius:5px;flex:none;padding:3px 5px;font:750 7px/1 ui-monospace,monospace}.inventory-card-address>strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.015em;min-width:0;font:750 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:hidden}.inventory-card-address:hover>strong,.inventory-card-address:focus-visible>strong,.inventory-card-address.copied>strong{color:var(--green);text-shadow:0 0 14px #66e3b455}.inventory-card-address:focus-visible{border-radius:5px;box-shadow:0 0 0 2px #66e3b42e}.inventory-card-body{grid-template-columns:minmax(112px,1.05fr) minmax(225px,1.7fr) minmax(110px,.9fr);align-items:center;gap:18px;margin-top:18px;display:grid}.inventory-lifecycle{gap:7px;min-width:0;display:grid}.inventory-lifecycle>span{color:#9ba8b9;font-size:10px}.inventory-lifecycle>span.warning{color:var(--amber)}.inventory-lifecycle>span.critical{color:var(--red)}.inventory-lifecycle small{color:#58677a;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.lifecycle-bar,.inventory-meter,.quota-progress{background:#24252b;border-radius:5px;height:5px;overflow:hidden}.lifecycle-bar i,.inventory-meter i,.quota-progress i{border-radius:inherit;background:var(--green);height:100%;transition:width .3s;display:block}.lifecycle-bar.warning i{background:var(--amber)}.lifecycle-bar.critical i{background:var(--red)}.inventory-resources{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.inventory-resource{gap:7px;min-width:0;display:grid}.inventory-resource>div:first-child{justify-content:space-between;align-items:baseline;gap:5px;display:flex}.inventory-resource span{color:#778497;font-size:9px}.inventory-resource strong{font-size:11px}.inventory-meter{height:4px}.inventory-meter.warning i{background:var(--amber)}.inventory-meter.critical i{background:var(--red)}.inventory-rates{grid-template-columns:1fr 1fr;gap:9px;display:grid}.inventory-rates div{gap:5px;min-width:0;display:grid}.inventory-rates span{color:#718095;font-size:9px}.inventory-rates strong{white-space:nowrap;font-size:10px}.inventory-quota{gap:8px;margin-top:16px;display:grid}.inventory-quota>div:first-child{align-items:baseline;gap:8px;display:flex}.inventory-quota span{color:#68778b;font-size:8px}.inventory-quota strong{color:#aeb9c7;font-size:9px;font-weight:600}.inventory-quota b{color:var(--green);margin-left:auto;font-size:9px}.inventory-quota b.warning{color:var(--amber)}.inventory-quota b.danger,.inventory-quota b.critical{color:var(--red)}.quota-progress{height:4px}.quota-progress i{background:linear-gradient(90deg,#15a859,#20d178)}.quota-progress.warning i{background:linear-gradient(90deg, #dc9e31, var(--amber))}.quota-progress.danger i,.quota-progress.critical i{background:linear-gradient(90deg, #e45160, var(--red))}.inventory-tags{flex-wrap:wrap;gap:5px;margin-top:13px;display:flex}.tag{text-overflow:ellipsis;white-space:nowrap;border-radius:6px;max-width:210px;padding:4px 7px;font-size:8px;line-height:1.2;overflow:hidden}.tag.bandwidth,.tag.route{color:#a9c0ff;background:#2452bd}.tag.quota{color:#b9f5d2;background:#087a3d}.tag.ipv4{color:#e2c2ff;background:#7718b8}.tag.ipv6{color:#ffc4df;background:#b5125a}.tag.neutral{color:#b8b5b3;background:#373534}.server-map-panel{padding:20px;overflow:hidden}.server-map-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.server-map-heading>div:first-child{gap:5px;display:grid}.server-map-heading strong{font-size:13px}.server-map-heading small{color:#66758a;font-size:9px}.server-map-heading-actions{align-items:center;gap:14px;display:flex}.server-map-legend{color:#68778b;align-items:center;gap:13px;font-size:8px;display:flex}.server-map-legend span{align-items:center;gap:5px;display:flex}.server-map-legend i{background:var(--red);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #ff778577}.server-map-legend i.online{background:var(--green);box-shadow:0 0 8px #66e3b477}.server-map-canvas{overscroll-behavior:contain;scrollbar-width:thin;background:radial-gradient(circle at 50% 42%,#121c29 0,#090f17 66%);border:1px solid #182433;border-radius:12px;min-height:460px;max-height:650px;margin-top:13px;overflow:auto}.server-map-canvas svg{min-width:100%;height:auto;transition:width .18s;display:block}.map-sphere{fill:#090f17}.map-countries path{fill:#1a222c;stroke:#34404d;stroke-width:.55px;vector-effect:non-scaling-stroke;transition:fill .18s,opacity .18s}.map-countries path.has-nodes{cursor:pointer;fill:#0d5d3b;stroke:#3b8f6a}.map-countries path.has-nodes.offline{fill:#642b35;stroke:#a14f5a}.map-countries path.has-nodes:hover{fill:#158453}.map-marker{cursor:pointer;outline:none}.map-marker .marker-hit{fill:#0000;pointer-events:all;outline:none}.map-marker .marker-pulse{fill:#66e3b429;stroke:#66e3b466;stroke-width:1px;transform-origin:50%;pointer-events:none;animation:2s ease-out infinite mapPulse}.map-marker .marker-core{fill:var(--green);stroke:#e4fff5;stroke-width:1.6px;filter:drop-shadow(0 0 5px #66e3b4);pointer-events:none}.map-marker.offline .marker-pulse{fill:#ff778529;stroke:#ff778566}.map-marker.offline .marker-core{fill:var(--red);filter:drop-shadow(0 0 5px #ff7785)}.map-marker.selected .marker-core{stroke-width:3px}.map-marker text{fill:#cbd5e1;paint-order:stroke;stroke:#090f17;stroke-width:3px;pointer-events:none;font:700 9px Inter,system-ui,sans-serif}.marker-hit:focus-visible~.marker-pulse{stroke:#fff;stroke-width:2px}@keyframes mapPulse{0%{opacity:.9;transform:scale(.45)}75%,to{opacity:0;transform:scale(1.15)}}.inventory-list{gap:9px;display:grid}.inventory-row{text-align:left;cursor:pointer;grid-template-columns:1.3fr 1fr 110px 110px 70px;align-items:center;gap:20px;width:100%;min-height:78px;padding:16px 20px;transition:all .18s;display:grid}.inventory-row:hover{border-color:#304056;transform:translateY(-1px)}.inventory-row.selected{background:linear-gradient(110deg, #10201f, var(--panel));box-shadow:inset 2px 0 var(--green);border-color:#66e3b43b}.server-detail-navigation{border-bottom:1px solid var(--line);align-items:center;gap:18px;min-height:84px;margin-bottom:2px;padding-bottom:18px;display:flex}.server-detail-navigation>button{color:#91a0b2;cursor:pointer;white-space:nowrap;background:#101925;border:1px solid #2a394c;border-radius:9px;height:38px;padding:0 13px}.server-detail-navigation>button:hover{color:var(--green);background:#66e3b40d;border-color:#66e3b455}.server-detail-identity{gap:4px;display:grid}.server-detail-navigation h1{margin:0;font-size:24px}.server-detail-navigation small{color:#66758a;font-size:9px}.server-detail-actions{margin-left:auto}.server-detail-actions .danger-button{height:38px}.delete-agent-backdrop{z-index:90;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#02060bc4;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.delete-agent-dialog{gap:14px;width:min(470px,100%);padding:28px;display:grid;box-shadow:0 30px 90px #000b}.delete-agent-icon{color:#ff8d99;background:#ff778512;border:1px solid #ff77854a;border-radius:14px;place-items:center;width:45px;height:45px;font-size:22px;font-weight:800;display:grid}.delete-agent-dialog h2{margin:0;font-size:22px}.delete-agent-dialog>p{color:#8593a6;margin:0 0 4px;font-size:10px;line-height:1.7}.delete-agent-dialog>p strong{color:#ff9aa4}.delete-agent-dialog>label{gap:7px;display:grid}.delete-agent-dialog>label span{color:#8998aa;font-size:9px}.delete-agent-dialog input{color:#e8eef5;background:#09111b;border:1px solid #384558;border-radius:9px;outline:none;width:100%;height:43px;padding:0 12px}.delete-agent-dialog input:focus{border-color:#ff77856b;box-shadow:0 0 0 3px #ff778511}.delete-agent-actions{justify-content:flex-end;gap:9px;margin-top:5px;display:flex}.delete-agent-actions button{height:40px}.delete-agent-actions button:disabled{opacity:.45;cursor:not-allowed}.inventory-address{color:#a4b0c0;gap:4px;font-family:ui-monospace,monospace;font-size:10px;display:grid}.inventory-address small{color:#5c6a7d;text-overflow:ellipsis;overflow:hidden}.inventory-metric{gap:5px;display:grid}.inventory-metric span{color:#637286;font-size:8px}.inventory-metric strong{font-size:13px}.server-detail{margin-top:10px;padding:20px}.detail-metrics{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:18px;display:grid}.detail-metrics div{background:#0a111a;border:1px solid #182331;border-radius:9px;gap:7px;padding:13px;display:grid}.detail-metrics span{color:#657489;font-size:8px}.detail-metrics strong{white-space:nowrap;font-size:12px}.system-detail{padding:21px}.agent-version{color:#657489;letter-spacing:.06em;border:1px solid #2a3545;border-radius:7px;padding:6px 8px;font:750 8px ui-monospace,monospace}.agent-version.ready{color:var(--green);background:#66e3b40d;border-color:#66e3b43b}.system-identity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:17px;display:grid}.system-identity-grid>div{background:#0a111a;border:1px solid #192635;border-radius:10px;align-content:start;gap:7px;min-width:0;min-height:88px;padding:13px;display:grid}.system-identity-grid>div.wide{grid-column:span 2}.system-identity-grid span{color:#68778b;font-size:8px}.system-identity-grid strong{color:#dbe4ee;overflow-wrap:anywhere;font-size:11px;line-height:1.35}.system-identity-grid small{color:#536175;font-size:8px;line-height:1.4}.system-trends{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px;display:grid}.system-trends>div{background:#0a111a;border:1px solid #192635;border-radius:10px;grid-template-columns:1fr auto;align-items:start;gap:5px;min-width:0;height:105px;padding:12px;display:grid}.system-trends span{color:#657489;font-size:8px}.system-trends strong{font-size:10px}.system-trends .sparkline{grid-column:1/-1;height:58px}.system-waiting{background:#0a111a;border:1px dashed #273548;border-radius:10px;align-content:center;gap:8px;min-height:112px;margin-top:16px;padding:20px;display:grid}.system-waiting strong{font-size:12px}.system-waiting p{color:#627186;max-width:680px;margin:0;font-size:9px;line-height:1.65}.asset-profile{padding:21px}.asset-heading>div:last-child{align-items:center;gap:9px;display:flex}.renewal-pill{color:#657489;background:#111a27;border-radius:8px;padding:7px 9px;font-size:9px}.renewal-pill.configured{color:var(--green);background:#66e3b40d;border:1px solid #66e3b420}.asset-profile>.save-success{margin:13px 0 0}.asset-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px;display:grid}.asset-grid>section{background:#0a111a;border:1px solid #192635;border-radius:10px;min-width:0;padding:16px}.asset-section-label{color:#718196;letter-spacing:.08em;text-transform:uppercase;margin-bottom:13px;font-size:8px;font-weight:750;display:block}.asset-grid dl{gap:10px;margin:0;display:grid}.asset-grid dl>div{grid-template-columns:78px minmax(0,1fr);align-items:baseline;gap:9px;display:grid}.asset-grid dt{color:#536175;font-size:8px}.asset-grid dd{color:#d7dfe9;overflow-wrap:anywhere;margin:0;font-size:10px}.asset-grid .asset-notes{grid-column:1/-1}.asset-tags{flex-wrap:wrap;gap:6px;display:flex}.asset-tags span{color:#8fa1b6;background:#101a27;border:1px solid #26364a;border-radius:7px;padding:5px 8px;font-size:8px}.asset-notes p{color:#758499;white-space:pre-wrap;margin:13px 0 0;font-size:9px;line-height:1.7}.asset-form{gap:12px;margin-top:17px;display:grid}.asset-form fieldset{border:1px solid #1c2a3a;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:12px;margin:0;padding:16px;display:grid}.asset-form legend{color:#7f90a5;padding:0 7px;font-size:9px;font-weight:700}.asset-form label{gap:6px;min-width:0;display:grid}.asset-form label.wide{grid-column:span 2}.asset-form label>span{color:#68778a;font-size:8px}.asset-form input,.asset-form textarea{color:#eef3f8;background:#080f18;border:1px solid #243246;border-radius:8px;outline:none;width:100%;padding:0 10px}.asset-form input{height:39px}.asset-form textarea{resize:vertical;padding-top:10px;line-height:1.55}.asset-form input:focus,.asset-form textarea:focus{border-color:#66e3b466;box-shadow:0 0 0 3px #66e3b40d}.asset-form-actions{justify-content:flex-end;gap:9px;display:flex}.asset-form-actions .ghost-button,.asset-form-actions .primary-button{width:auto;height:42px;margin:0;padding:0 18px}.card-color-picker{grid-column:span 2;gap:6px;min-width:0;display:grid}.card-color-picker>span{color:#68778a;font-size:8px}.card-color-picker>div{flex-wrap:wrap;align-items:center;gap:7px;min-height:39px;display:flex}.card-color-picker button{color:#fff;cursor:pointer;border:2px solid #0000;border-radius:8px;width:28px;height:28px;font-size:10px;box-shadow:inset 0 0 0 1px #ffffff30}.card-color-picker button[aria-pressed=true]{border-color:#eef5ff;box-shadow:0 0 0 2px #66e3b444}.card-color-picker button.default-color{color:#8391a4;width:48px;box-shadow:none;background:#111a27;border:1px solid #29384a}.custom-color{color:#8391a4;cursor:pointer;border:1px solid #29384a;border-radius:8px;grid-template-columns:27px auto;align-items:center;height:30px;padding:0 9px 0 4px;gap:6px!important;display:flex!important}.asset-form .custom-color input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:6px;width:25px;height:25px;padding:0}.custom-color span{font-size:8px!important}.asset-color-swatch{color:#fff;text-shadow:0 1px 2px #0009;border-radius:6px;align-items:center;min-height:22px;padding:0 7px;font:8px ui-monospace,monospace;display:inline-flex}.enrollment-grid{grid-template-columns:minmax(280px,.75fr) minmax(420px,1.25fr);gap:12px;display:grid}.enrollment-create,.enrollment-result{min-height:360px;padding:24px}.step-number{color:var(--green);letter-spacing:.12em;font:700 10px ui-monospace,monospace}.enrollment-grid h2{margin:18px 0 8px;font-size:20px}.enrollment-grid p{color:#758398;margin:0;font-size:11px;line-height:1.65}.enrollment-create form{gap:14px;margin-top:28px;display:grid}.enrollment-create label{gap:8px;display:grid}.enrollment-create label span{color:#9eacbd;font-size:10px;font-weight:650}.enrollment-create input{color:#fff;background:#0a111a;border:1px solid #253246;border-radius:9px;outline:none;height:46px;padding:0 12px}.enrollment-create input:focus{border-color:#66e3b4;box-shadow:0 0 0 3px #66e3b414}.token-notice{background:#66e3b408;border:1px solid #66e3b419;border-radius:9px;align-items:center;gap:10px;margin-top:20px;padding:11px;display:flex}.token-notice div{gap:3px;display:grid}.token-notice strong{font-size:10px}.token-notice small{color:#6d7c90;font-size:9px}.enrollment-result pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#a9c6bd;background:#070c13;border:1px solid #1c2a39;border-radius:9px;height:138px;margin:12px 0;padding:13px;font:9px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.enrollment-platforms{gap:10px;margin-top:14px;display:grid}.enrollment-platform-note{background:#0d141d;border:1px solid #1d2b3c;border-radius:10px;gap:4px;padding:11px 12px;display:grid}.enrollment-platform-note strong{color:#eef6fb;font-size:10px}.enrollment-platform-note small{color:#7c8ca0;font-size:9px;line-height:1.6}.enrollment-actions{grid-template-columns:1fr auto;gap:9px;display:grid}.enrollment-actions .primary-button{margin:0}.danger-button{color:#ff9aa4;cursor:pointer;background:#ff77850b;border:1px solid #ff77852d;border-radius:9px;padding:0 14px;font-size:10px}.command-placeholder{text-align:center;border:1px dashed #263447;border-radius:11px;place-content:center;justify-items:center;gap:13px;min-height:210px;margin-top:20px;display:grid}.command-placeholder span{color:#4f6177;font:24px ui-monospace,monospace}.command-placeholder p{max-width:260px}.pending-tokens{padding:20px}.pending-tokens .panel-heading b{color:var(--green);font-size:18px}.pending-token{border-top:1px solid #1a2634;justify-content:space-between;align-items:center;margin-top:13px;padding:13px 2px 0;display:flex}.pending-token div{gap:4px;display:grid}.pending-token strong{font-size:10px}.pending-token small{color:#637286;font-size:9px}.pending-token button{color:#ff8e99;cursor:pointer;background:0 0;border:0;font-size:9px}.no-pending{color:#637286;border-top:1px solid #1a2634;margin-top:13px;padding-top:14px;font-size:10px}.empty-view{text-align:center;color:#728195;place-content:center;gap:7px;min-height:230px;display:grid}.empty-view .big-check{color:var(--green);font-size:27px}.empty-view strong{color:#dce4ee}.empty-view p{margin:0;font-size:11px}.large-alert{gap:15px;padding:20px;display:flex}.large-alert>span{color:var(--red)}.large-alert strong{font-size:13px}.large-alert p{color:#728195;margin:6px 0 0;font-size:11px}.alert-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:12px;display:grid}.alert-main{gap:11px;min-width:0;display:grid}.alert-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:57px;padding:9px 12px;display:flex}.status-tabs{gap:4px;display:flex}.status-tabs button{color:#6d7c90;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 10px;font-size:10px}.status-tabs button.active{color:#dffaf0;background:#66e3b411}.status-tabs button b{color:var(--red);margin-left:4px}.alert-toolbar-actions{align-items:center;gap:7px;display:flex}.alert-toolbar select{color:#a8b5c5;background:#0a111a;border:1px solid #263448;border-radius:8px;outline:none;min-width:130px;height:34px;padding:0 9px;font-size:9px}.clear-alerts-button{color:#ff929e;cursor:pointer;white-space:nowrap;background:#ff77850b;border:1px solid #ff778536;border-radius:8px;height:34px;padding:0 10px;font-size:9px}.clear-alerts-button:hover{background:#ff778517}.clear-alerts-button:disabled{opacity:.4;cursor:not-allowed}.alert-timeline{gap:9px;display:grid}.alert-event{grid-template-columns:34px 1fr;gap:13px;padding:18px;display:grid;position:relative;overflow:hidden}.alert-event:before{content:"";background:var(--amber);width:2px;position:absolute;inset:0 auto 0 0}.alert-event.critical:before{background:var(--red)}.alert-event.resolved:before{background:var(--green)}.alert-symbol{width:31px;height:31px;color:var(--amber);background:#ffcb6b10;border-radius:9px;place-items:center;font-size:12px;font-weight:800;display:grid}.alert-event.critical .alert-symbol{color:var(--red);background:#ff778510}.alert-event.resolved .alert-symbol{color:var(--green);background:#66e3b410}.alert-event-body{min-width:0}.alert-event-body>div:first-child{align-items:center;gap:8px;display:flex}.alert-event-body strong{font-size:12px}.event-status{color:var(--amber);background:#ffcb6b10;border-radius:6px;padding:3px 6px;font-size:8px}.event-status.resolved{color:var(--green);background:#66e3b410}.alert-event-body p{color:#7f8ea1;margin:7px 0 13px;font-size:10px}.alert-event-body dl{gap:24px;margin:0;display:flex}.alert-event-body dl div{gap:4px;display:grid}.alert-event-body dt{color:#526175;font-size:8px}.alert-event-body dd{color:#93a1b2;margin:0;font-size:9px}.alert-sidebar{gap:12px;display:grid;position:sticky;top:74px}.threshold-panel{padding:21px}.threshold-panel h2{margin:14px 0 7px;font-size:18px}.threshold-panel>p{color:#6f7e91;margin:0;font-size:10px;line-height:1.6}.threshold-panel form{gap:12px;margin-top:21px;display:grid}.threshold-rule{gap:6px;display:grid}.threshold-rule-heading{justify-content:space-between;align-items:center;gap:8px;min-height:20px;display:flex}.threshold-rule-heading>span{color:#8190a3;font-size:9px}.threshold-rule-heading>small{color:#546478;font-size:7px}.threshold-value{background:#0a111a;border:1px solid #243246;border-radius:8px;grid-template-columns:1fr 48px;height:39px;transition:opacity .2s;display:grid;overflow:hidden}.threshold-value input{color:#fff;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:0 10px}.threshold-value b{color:#66758a;border-left:1px solid #243246;place-items:center;font-size:9px;font-weight:500;display:grid}.rule-switch{cursor:pointer;align-items:center;gap:6px;display:flex}.rule-switch input{opacity:0;pointer-events:none;position:absolute}.rule-switch i{background:#344153;border-radius:16px;width:28px;height:16px;padding:2px;transition:background .2s}.rule-switch i:after{content:"";background:#8794a5;border-radius:50%;width:12px;height:12px;transition:transform .2s,background .2s;display:block}.rule-switch em:after{content:"关";color:#647489;font-size:8px;font-style:normal}.rule-switch input:checked+i{background:#148d66}.rule-switch input:checked+i:after{background:#dcfff3;transform:translate(12px)}.rule-switch:has(input:checked) em:after{content:"开";color:var(--green)}.threshold-rule:has(.rule-switch input:not(:checked)) .threshold-value{opacity:.48}.threshold-rule.dependent{border-left:2px solid #263448;margin-top:-5px;padding-left:9px}.threshold-panel .primary-button{margin-top:2px}.save-success{color:var(--green);background:#66e3b40b;border:1px solid #66e3b41c;border-radius:8px;padding:9px;font-size:9px}.muted-agent-picker{background:#0a111a;border:1px solid #263448;border-radius:9px;overflow:hidden}.muted-agent-picker summary{color:#a8b5c5;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:42px;padding:0 11px;font-size:9px;list-style:none;display:flex}.muted-agent-picker summary::-webkit-details-marker{display:none}.muted-agent-picker summary:before{content:"›";color:var(--green);font-size:15px;transition:transform .2s}.muted-agent-picker[open] summary:before{transform:rotate(90deg)}.muted-agent-picker summary span{flex:1}.muted-agent-picker summary b{color:#ff929e;background:#ff778512;border-radius:999px;padding:3px 7px;font-size:8px}.muted-agent-picker>p{color:#617086;margin:0;padding:0 11px 10px;font-size:8px;line-height:1.55}.muted-agent-list{border-top:1px solid #1d2a3a;max-height:270px;overflow:auto}.muted-agent-list label{cursor:pointer;border-bottom:1px solid #172332;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:46px;padding:7px 10px;display:grid}.muted-agent-list label:last-child{border-bottom:0}.muted-agent-list label:hover{background:#66e3b408}.muted-agent-list input{accent-color:#ff7785}.muted-agent-list span{gap:3px;min-width:0;display:grid}.muted-agent-list strong{text-overflow:ellipsis;white-space:nowrap;color:#d9e2ec;font-size:9px;overflow:hidden}.muted-agent-list small{color:#58677b;font:7px ui-monospace,monospace}.muted-agent-list em{color:#66758a;font-size:7px;font-style:normal}.muted-agent-list label:has(input:checked){background:#ff77850a}.muted-agent-list label:has(input:checked) em{color:#ff929e}.telegram-panel{padding:18px}.channel-heading{grid-template-columns:34px 1fr auto;align-items:center;gap:10px;display:grid}.telegram-mark{color:#fff;background:linear-gradient(145deg,#50b8e8,#348ed1);border-radius:10px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:850;display:grid}.channel-heading>div:nth-child(2){gap:4px;display:grid}.channel-heading strong{font-size:11px}.channel-heading small{color:#69788c;font-size:8px}.channel-dot{background:#4b5869;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #4b586912}.channel-dot.enabled{background:var(--green);box-shadow:0 0 0 4px #66e3b412}.telegram-panel form{gap:11px;margin-top:18px;display:grid}.telegram-panel form>label:not(.channel-toggle){gap:6px;display:grid}.telegram-panel form>label>span{color:#8190a3;font-size:9px}.telegram-panel input[type=password],.telegram-panel input[type=text],.telegram-panel input[type=number],.telegram-panel input:not([type]){color:#fff;background:#0a111a;border:1px solid #243246;border-radius:8px;outline:none;width:100%;height:39px;padding:0 10px}.telegram-panel input:focus{border-color:#4eaede;box-shadow:0 0 0 3px #4eaede13}.channel-toggle{cursor:pointer;align-items:center;gap:8px;padding:3px 0;display:flex}.channel-toggle input{accent-color:var(--green)}.channel-toggle span{color:#94a2b3!important}.telegram-panel .primary-button{margin:0}.report-test-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.test-button{color:#9badbf;cursor:pointer;background:#101925;border:1px solid #2b3b4e;border-radius:9px;height:40px;font-size:9px}.test-button:hover:not(:disabled){color:#c9e9f8;border-color:#4eaede66}.test-button:disabled{opacity:.45;cursor:not-allowed}.secret-note{color:#526175;margin:12px 0 0;font-size:8px;line-height:1.55}.settings-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.setting-card{gap:8px;padding:20px;display:grid}.setting-card>span{color:#66758a;font-size:9px}.setting-card strong{font-size:15px}.setting-card small{color:#58677b;font-size:9px}.site-identity-panel{grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr);align-items:end;gap:18px 26px;margin-bottom:12px;padding:22px;display:grid}.site-identity-panel h2{margin:11px 0 6px;font-size:21px}.site-identity-panel p{color:var(--muted);margin:0;font-size:10px;line-height:1.65}.site-identity-panel form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.site-identity-panel form label{gap:7px;display:grid}.site-identity-panel form label span,.site-title-preview>small{color:var(--muted);font-size:9px}.site-identity-panel input{border:1px solid var(--line);background:var(--panel-2);width:100%;height:43px;color:var(--text);border-radius:10px;outline:none;padding:0 12px}.site-identity-panel input:focus{border-color:color-mix(in srgb, var(--green) 55%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 9%, transparent)}.site-identity-panel form .primary-button{height:43px;margin:0;padding:0 18px}.site-title-preview{border:1px solid var(--line);background:var(--panel-2);border-radius:11px;grid-column:1/-1;gap:9px;padding:14px;display:grid}.site-title-preview .site-title-display strong,.site-title-preview .site-title-display span{font-size:18px}.site-identity-panel>.form-error,.site-identity-panel>.save-success{grid-column:1/-1}.layout-draggable{-webkit-user-select:none;user-select:none;cursor:grab!important}.layout-draggable:active{opacity:.76;cursor:grabbing!important}.layout-draggable:hover{outline-offset:2px;outline:1px solid #66e3b426}.layout-save-toast{z-index:70;color:var(--green);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#10251fef;border:1px solid #66e3b448;border-radius:10px;padding:11px 15px;font-size:10px;font-weight:750;animation:.18s ease-out toastIn;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 40px #0005}.layout-reset-card .secondary-button{width:max-content;margin-top:4px}.settings-grid .layout-reset-card{border-color:#66e3b42c}.layout-edit-controls{align-items:center;gap:7px;display:flex}.layout-edit-button,.layout-cancel-button,.layout-save-button{border:1px solid var(--line);background:var(--panel);min-height:34px;color:var(--text);border-radius:10px;padding:0 13px;font-size:10px;font-weight:750}.layout-edit-button:hover,.layout-cancel-button:hover{border-color:color-mix(in srgb, var(--green) 45%, var(--line))}.layout-save-button{border-color:color-mix(in srgb, var(--green) 55%, var(--line));background:color-mix(in srgb, var(--green) 15%, var(--panel));color:var(--green)}.sorting-active{outline:1px dashed color-mix(in srgb, var(--green) 45%, transparent);outline-offset:3px}.sorting-active:after{content:"拖动排序";z-index:3;border:1px solid color-mix(in srgb, var(--green) 35%, var(--line));background:color-mix(in srgb, var(--panel) 92%, transparent);color:var(--green);pointer-events:none;border-radius:7px;padding:3px 6px;font-size:8px;line-height:1;position:absolute;top:8px;right:8px}.sorting-active,.public-interactive-chart{position:relative}.public-interactive-chart svg{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.public-chart-cursor{stroke:color-mix(in srgb, var(--text) 62%, transparent);stroke-width:1px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.public-chart-cursor-point{fill:var(--panel);stroke-width:2px;vector-effect:non-scaling-stroke}.public-chart-tooltip{z-index:8;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, transparent);min-width:142px;color:var(--text);pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;padding:9px 11px;position:absolute;top:52px;transform:translate(10px);box-shadow:0 10px 30px #0004}.public-chart-tooltip.align-right{transform:translate(calc(-100% - 10px))}.public-chart-tooltip time{color:var(--muted);margin-bottom:6px;font-size:9px;display:block}.public-chart-tooltip div{justify-content:space-between;align-items:center;gap:14px;margin-top:4px;font-size:9px;display:flex}.public-chart-tooltip div span{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.public-chart-tooltip div i{border-radius:50%;width:7px;height:7px}.public-chart-tooltip div strong{font-size:10px}.public-latency-chart .public-chart-tooltip{top:34px}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}}.network-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.tcp-manager-open{height:38px;color:var(--green);cursor:pointer;background:#66e3b40d;border:1px solid #66e3b43b;border-radius:9px;padding:0 12px;font-size:9px;font-weight:750}.tcp-manager-open:hover{background:#66e3b418}.tcp-management-bar{border-color:#66e3b42b;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;min-height:76px;padding:14px 17px;display:grid}.tcp-management-mark{width:40px;height:40px;color:var(--green);background:#66e3b410;border:1px solid #66e3b43b;border-radius:12px;place-items:center;font-size:19px;display:grid}.tcp-management-bar>div:nth-child(2){gap:5px;display:grid}.tcp-management-bar strong{font-size:12px}.tcp-management-bar small{color:#708096;font-size:9px}.tcp-management-actions{align-items:center;gap:8px;display:flex}.tcp-master-switch{color:#7f8da0;cursor:pointer;background:#101925;border:1px solid #2a3748;border-radius:9px;align-items:center;gap:8px;height:38px;padding:0 11px;font-size:9px;display:flex}.tcp-master-switch>span{background:#303d4d;border-radius:16px;width:28px;height:16px;padding:2px;transition:background .2s;display:block}.tcp-master-switch i{background:#8b98a8;border-radius:50%;width:12px;height:12px;transition:transform .2s,background .2s;display:block}.tcp-master-switch.active{color:var(--green);background:#66e3b40c;border-color:#66e3b436}.tcp-master-switch.active>span{background:#158b65}.tcp-master-switch.active i{background:#d8fff2;transform:translate(12px)}.tcp-master-switch:disabled{opacity:.55;cursor:wait}.network-controls>select{color:#b1bdcb;background:#0a111a;border:1px solid #263448;border-radius:9px;outline:none;min-width:150px;height:38px;padding:0 10px;font-size:10px}.period-tabs{background:#0a111a;border:1px solid #263448;border-radius:10px;height:38px;padding:3px;display:flex}.period-tabs button{color:#69788c;cursor:pointer;background:0 0;border:0;border-radius:7px;min-width:48px;font-size:9px}.period-tabs button.active{color:#f3f7fb;background:#182436;box-shadow:0 2px 8px #0005}.network-chart-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.chart-period-tabs{height:34px}.chart-period-tabs button{min-width:45px}.peak-toggle{color:#8090a3;cursor:pointer;align-items:center;gap:7px;height:38px;padding:0 10px;font-size:9px;display:flex}.peak-toggle input{accent-color:var(--green)}.network-target-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.network-target-card{align-content:start;gap:10px;min-height:154px;padding:18px;display:grid}.network-mode-tabs{border:1px solid var(--line);background:var(--panel);border-radius:10px;width:max-content;margin:-2px auto 12px;padding:3px;display:flex}.network-mode-tabs button{min-width:84px;height:34px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:9px}.network-mode-tabs button.active{color:var(--green);background:color-mix(in srgb, var(--green) 12%, var(--panel))}.network-series-tools{flex-wrap:wrap;gap:8px;display:flex}.network-series-tools select,.network-series-tools button{border:1px solid var(--line);background:var(--panel);min-height:36px;color:var(--text);font:inherit;border-radius:8px;padding:0 12px;font-size:9px}.network-series-tools button{cursor:pointer}.network-target-card.selectable{cursor:pointer;transition:opacity .18s,border-color .18s,box-shadow .18s}.network-target-card.selectable.selected{border-color:color-mix(in srgb, var(--green) 50%, var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--green) 20%, transparent)}.network-target-card.selectable.hidden{opacity:.42}.metric-history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.metric-history-card{min-height:220px;padding:18px}.metric-history-card>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.metric-history-card span{color:var(--muted);font-size:9px}.metric-history-card strong{font-size:12px}.metric-history-card svg{width:100%;height:150px;margin-top:18px;overflow:visible}.metric-history-card line{stroke:var(--line);stroke-width:.5px}.metric-history-card polyline{fill:none;stroke-width:1.8px;vector-effect:non-scaling-stroke}.target-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.target-heading>div{align-items:center;gap:8px;display:flex}.target-heading i,.network-legend i{border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 10px}.target-heading strong{font-size:11px}.target-heading>span{color:#58677b;font:8px ui-monospace,monospace}.target-latency{letter-spacing:-.025em;font-size:25px;font-weight:760}.target-latency.unavailable{color:var(--red);font-size:20px}.target-stats{align-items:center;gap:12px;font:9px ui-monospace,monospace;display:flex}.target-stats span:last-child{color:#8997a9;margin-left:auto}.network-target-card>small{color:#536175;font-size:8px}.network-chart-panel{min-height:430px;padding:20px}.network-chart-interactive{margin-top:10px;position:relative}.network-chart{cursor:crosshair;touch-action:none;width:100%;height:315px;display:block}.network-chart-tooltip{z-index:5;border:1px solid var(--line);background:color-mix(in srgb, var(--panel-2) 94%, transparent);min-width:218px;color:var(--text);pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:11px 12px;position:absolute;top:24px;transform:translate(12px);box-shadow:0 14px 36px #0000003d}.network-chart-tooltip.align-right{transform:translate(calc(-100% - 12px))}.network-chart-tooltip time{color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:7px;font-size:11px;display:block}.network-chart-tooltip div{grid-template-columns:8px minmax(66px,1fr) auto;align-items:center;gap:7px;min-height:25px;font-size:11px;display:grid}.network-chart-tooltip i{border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px}.network-chart-tooltip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.network-chart-tooltip strong{font-variant-numeric:tabular-nums;font-size:12px}.network-chart-tooltip em{color:var(--muted);grid-column:2/4;margin-top:-5px;font-size:9px;font-style:normal}.network-legend{color:#8391a3;justify-content:center;align-items:center;gap:22px;font-size:9px;display:flex}.network-legend span{align-items:center;gap:7px;display:flex}.tcp-manager-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02060ba8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.tcp-manager{grid-template-rows:auto minmax(0,1fr) auto;width:min(720px,100%);max-height:min(900px,100vh - 44px);display:grid;overflow:hidden;box-shadow:0 30px 90px #0009}.tcp-manager-heading{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:21px 22px 16px;display:flex}.tcp-manager-heading>div{gap:6px;display:grid}.tcp-manager-heading h2{margin:2px 0 0;font-size:22px}.tcp-manager-heading p{color:#6f7e91;margin:0;font-size:10px}.tcp-manager-heading>button{color:#8594a7;cursor:pointer;background:#111a27;border:1px solid #2a3748;border-radius:10px;width:34px;height:34px;font-size:20px}.tcp-manager-scroll{gap:14px;min-height:0;padding:18px 22px;display:grid;overflow-y:auto}.tcp-basic-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tcp-basic-grid label{gap:6px;display:grid}.tcp-basic-grid label.wide{grid-column:1/-1}.tcp-basic-grid span,.tcp-agent-picker>strong{color:#8493a6;font-size:9px}.tcp-basic-grid input{color:#dce5ef;background:#09111b;border:1px solid #263448;border-radius:9px;outline:none;width:100%;height:40px;padding:0 11px}.tcp-basic-grid input:focus{border-color:#66e3b466;box-shadow:0 0 0 3px #66e3b40d}.tcp-option-pills{flex-wrap:wrap;gap:7px;display:flex}.tcp-option-pills label,.tcp-agent-picker label,.tcp-choice-grid label{color:#9cabbc;cursor:pointer;background:#0a121c;border:1px solid #263448;border-radius:9px;align-items:center;gap:7px;padding:9px 10px;font-size:9px;display:flex}.tcp-option-pills input,.tcp-agent-picker input,.tcp-choice-grid input{accent-color:var(--green);margin:0}.tcp-ipv6-warning{color:#d9ae62;background:#ffcb6b0b;border:1px solid #ffcb6b2e;border-radius:9px;padding:10px 12px;font-size:9px;line-height:1.5}.tcp-agent-picker{background:#09111a;border:1px solid #1d2a3a;border-radius:10px;gap:10px;padding:13px;display:grid}.tcp-agent-picker>div{flex-wrap:wrap;gap:7px;display:flex}.tcp-section-heading{justify-content:space-between;align-items:center;gap:10px;margin-top:2px;display:flex}.tcp-section-heading strong{font-size:11px}.tcp-section-heading>button,.tcp-section-heading>div button{color:#8093aa;cursor:pointer;background:#172232;border:0;border-radius:7px;padding:6px 8px;font-size:8px}.tcp-section-heading>div{gap:5px;display:flex}.tcp-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.tcp-choice-grid.carriers{grid-template-columns:repeat(3,1fr)}.tcp-choice-grid label.selected{color:#dffaf0;background:#66e3b40d;border-color:#66e3b43e}.tcp-preview{background:#09111a;border:1px solid #1d2b3b;border-radius:10px;grid-template-columns:.7fr 1.6fr .8fr;gap:12px;padding:13px;display:grid}.tcp-preview>div{gap:5px;min-width:0;display:grid}.tcp-preview span{color:#596a7e;font-size:8px}.tcp-preview strong{color:var(--green);font-size:13px}.tcp-preview code{color:#93a5b9;text-overflow:ellipsis;white-space:nowrap;font:8px ui-monospace,monospace;overflow:hidden}.tcp-preview b{font-size:9px}.tcp-existing{border:1px solid #1d2a39;border-radius:10px;overflow:hidden}.tcp-existing>div:first-child{background:#0a121c;justify-content:space-between;align-items:center;min-height:45px;padding:0 13px;display:flex}.tcp-existing>div:first-child strong{font-size:10px}.tcp-existing>div:first-child span{color:#647489;font-size:8px}.tcp-task-row{border-top:1px solid #192534;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:47px;padding:7px 13px;display:grid}.tcp-task-row>i{border-radius:50%;width:6px;height:6px}.tcp-task-row>span{gap:3px;min-width:0;display:grid}.tcp-task-row strong{font-size:9px}.tcp-task-row small{color:#57687c;text-overflow:ellipsis;white-space:nowrap;font:7px ui-monospace,monospace;overflow:hidden}.tcp-task-row>b{color:#718399;font-size:8px}.tcp-manager-actions{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b121be8;justify-content:flex-end;align-items:center;gap:12px;min-height:69px;padding:12px 22px;display:flex}.tcp-manager-actions>span{color:#718197;margin-right:auto;font-size:9px}.tcp-manager-actions .primary-button,.tcp-manager-actions .danger-button{width:auto;height:42px;margin:0;padding:0 17px}.tcp-manager-actions button:disabled{opacity:.55;cursor:not-allowed}.tcp-change-count{color:#83dbc0!important;font-size:11px!important;font-weight:700!important}.panel-link{color:var(--green);cursor:pointer;background:0 0;border:0;font-size:9px}.traffic-values>div>small{color:#526175;margin-top:3px;font-size:8px}.traffic-live-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.traffic-live-card{align-content:start;gap:10px;min-height:132px;padding:19px;display:grid;position:relative;overflow:hidden}.traffic-live-card:before{content:"";background:var(--green);width:2px;position:absolute;inset:0 auto 0 0}.traffic-live-card.upload:before{background:var(--blue)}.traffic-live-card.monthly:before{background:var(--purple)}.traffic-live-card>span{color:#718095;font-size:9px}.traffic-live-card>strong{letter-spacing:-.03em;font-size:24px}.traffic-live-card>small{color:#5c6a7d;font-size:8px}.quota-bar{background:#1a2635;border-radius:5px;height:5px;margin-top:2px;overflow:hidden}.quota-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--purple));height:100%;transition:width .25s;display:block}.traffic-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:12px;display:grid}.traffic-chart-panel{min-height:430px;padding:20px}.traffic-chart-interactive{margin-top:8px;position:relative}.traffic-chart{cursor:crosshair;touch-action:none;width:100%;height:320px;display:block}.traffic-policy-panel{padding:21px}.traffic-policy-panel h2{margin:14px 0 7px;font-size:18px}.traffic-policy-panel>p{color:#6f7e91;margin:0;font-size:10px;line-height:1.6}.traffic-policy-panel form{gap:12px;margin-top:20px;display:grid}.traffic-policy-panel form>label:not(.channel-toggle){gap:6px;display:grid}.traffic-policy-panel label>span{color:#8190a3;font-size:9px}.traffic-policy-panel label>div{background:#0a111a;border:1px solid #243246;border-radius:8px;grid-template-columns:1fr 54px;height:39px;display:grid;overflow:hidden}.traffic-policy-panel input[type=number]{color:#fff;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:0 10px}.traffic-policy-panel label b{color:#66758a;border-left:1px solid #243246;place-items:center;font-size:8px;font-weight:500;display:grid}.traffic-policy-panel .primary-button{margin:0}.policy-loading{color:#637286;place-items:center;min-height:180px;font-size:9px;display:grid}.mobile-nav{display:none}html[data-theme=light]{--bg:#f2f4f7;--panel:#fff;--panel-2:#f7f9fb;--line:#dfe4ea;--muted:#637083;--text:#17202b;--green:#119b66;--blue:#416fd5;--purple:#8b55c5;--amber:#c78118;--red:#d84b5b;--chart-surface:#f5f8fa;--chart-border:#dce5e8;--chart-track:#dce6e9;--chart-core:#fbfcfd;--chart-label:#61717e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=light] input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=light] body,html[data-theme=light] .app-shell{background:var(--bg);color:var(--text)}html[data-theme=light] .sidebar{background:#fff;border-color:#dfe4ea}html[data-theme=light] .sidebar nav button{color:#657286}html[data-theme=light] .sidebar nav button:hover{color:#1f2937;background:#f2f5f8}html[data-theme=light] .sidebar nav button.active{color:#13241f;background:linear-gradient(90deg,#e3f4ed,#eef5f4)}html[data-theme=light] .control-health,html[data-theme=light] .topbar{background:#ffffffeb;border-color:#dfe4ea}html[data-theme=light] .panel,html[data-theme=light] .summary-grid article{background:linear-gradient(145deg,#fff,#f8fafc);border-color:#dfe4ea;box-shadow:0 7px 22px #17202b0a}html[data-theme=light] .tinted-card{background:linear-gradient(135deg, color-mix(in srgb, var(--card-accent) 11%, #fff), color-mix(in srgb, var(--card-accent) 3%, #fff) 74%)!important}html[data-theme=light] .card-color-picker button[aria-pressed=true]{border-color:#26384b}.custom-color,html[data-theme=light] .card-color-picker button.default-color{color:#596879;background:#f4f7f9;border-color:#d7dee6}html[data-theme=light] .inventory-toolbar,html[data-theme=light] .region-tabs,html[data-theme=light] .inventory-search,html[data-theme=light] .inventory-sort select,html[data-theme=light] .network-controls>select,html[data-theme=light] .period-tabs,html[data-theme=light] .alert-toolbar select{color:#374151;background:#fff;border-color:#d9e0e7}html[data-theme=light] .inventory-view-toggle button,html[data-theme=light] .inventory-sort button,html[data-theme=light] .topbar-icon-button,html[data-theme=light] .test-button{color:#4b5868;background:#f4f6f8;border-color:#d7dee6}html[data-theme=light] .inventory-view-toggle button.active,html[data-theme=light] .region-tabs button.active,html[data-theme=light] .period-tabs button.active{color:#176247;background:#e7f5ef;border-color:#b9dfcf;box-shadow:inset 0 0 0 1px #b9dfcf,0 3px 10px #207a5512}html[data-theme=light] .region-tabs button.active b{color:#13845d}html[data-theme=light] .region-tabs button:hover,html[data-theme=light] .period-tabs button:hover{color:#245d49;background:#f1f8f5}html[data-theme=light] .inventory-search input{color:#293746}html[data-theme=light] .inventory-search input::placeholder{color:#8795a5}html[data-theme=light] .inventory-search kbd,html[data-theme=light] .inventory-search button{color:#5f746c;background:#eef3f1;border-color:#d5e1dc}html[data-theme=light] .tcp-master-switch{color:#5c6979;background:#f4f7f9;border-color:#d7dee6}html[data-theme=light] .inventory-card.selected{background:linear-gradient(125deg,#e9f7f1,#fff 52%)}html[data-theme=light] .server-detail-navigation>button{color:#586779;background:#f4f7f9;border-color:#d7dee6}html[data-theme=light] .delete-agent-dialog input{color:#253142;background:#fff;border-color:#d6dde5}html[data-theme=light] .detail-metrics div,html[data-theme=light] .system-identity-grid>div,html[data-theme=light] .system-trends>div,html[data-theme=light] .system-waiting,html[data-theme=light] .asset-grid>section,html[data-theme=light] .asset-form fieldset,html[data-theme=light] .node-switcher button{background:#f8fafc;border-color:#dfe5eb}html[data-theme=light] .node-switcher-identity strong{color:#24313d}html[data-theme=light] .node-switcher-identity small{color:#40576c}html[data-theme=light] .node-switcher-identity small:hover,html[data-theme=light] .node-switcher-identity small:focus-visible,html[data-theme=light] .node-switcher-identity small.copied{color:#087d5a}html[data-theme=light] .node-uptime{color:#667b8e}html[data-theme=light] .node-traffic>span small{color:#7b8999}html[data-theme=light] .node-traffic>span strong{color:#3b4a59}html[data-theme=light] .node-traffic>i{background:#dfe7ed}html[data-theme=light] .node-traffic-reset{color:#53697d}html[data-theme=light] .inventory-card-address{color:#20384c}html[data-theme=light] .inventory-card-address>b,html[data-theme=light] .inventory-card-address>small{color:#536b80;background:#edf2f6;border-color:#cad5df}html[data-theme=light] .system-identity-grid strong,html[data-theme=light] .asset-grid dd{color:#1f2937}html[data-theme=light] .server-address{color:#617486;background:#f2f6f8;border-color:#dce5e8}html[data-theme=light] .metric-ring-card,html[data-theme=light] .chart-row{box-shadow:0 1px 2px #17202b08}html[data-theme=light] .metric-ring-card.cpu,html[data-theme=light] .chart-row.cpu{background:linear-gradient(110deg, #edf9f5, var(--chart-surface) 42%);border-color:#cfe9df}html[data-theme=light] .metric-ring-card.memory,html[data-theme=light] .chart-row.memory{background:linear-gradient(110deg, #f0f4fd, var(--chart-surface) 42%);border-color:#d5dff5}html[data-theme=light] .metric-ring-card.disk,html[data-theme=light] .chart-row.disk{background:linear-gradient(110deg, #f7f1fb, var(--chart-surface) 42%);border-color:#e5d8ee}html[data-theme=light] .metric-ring-inner strong,html[data-theme=light] .chart-row>div b{color:#24313b}html[data-theme=light] .metric-ring-card>span,html[data-theme=light] .metric-ring-inner span{color:#657786}html[data-theme=light] .theme-menu{background:#ffffffed;border-color:#d5dce4;box-shadow:0 18px 50px #17202b22}html[data-theme=light] .theme-menu button{color:#26313f}html[data-theme=light] .theme-menu button:hover,html[data-theme=light] .theme-menu button[aria-checked=true]{background:#edf0f3}html[data-theme=light] .theme-menu button i{color:#fff;background:#202832}html[data-theme=light] .overview-sort-trigger{color:#27313d;background:#fff;border-color:#d4d9df;box-shadow:0 5px 16px #17202b0c}html[data-theme=light] .overview-sort-trigger:hover,html[data-theme=light] .overview-sort-trigger[aria-expanded=true]{background:#f3f5f7;border-color:#c4cbd3}html[data-theme=light] .overview-sort-menu{background:#ffffffef;border-color:#d5dbe2;box-shadow:0 22px 55px #17202b22}html[data-theme=light] .overview-sort-menu>small{color:#657184}html[data-theme=light] .overview-sort-current,html[data-theme=light] .overview-sort-options{color:#26313e;background:#f7f8fa;border-color:#d9dfe5}html[data-theme=light] .overview-sort-options button{color:#26313e}html[data-theme=light] .overview-sort-options button:hover{background:#e9edf1}html[data-theme=light] .overview-sort-options button i{color:#15202b}html[data-theme=light] .hero-badge{color:#103229;background:linear-gradient(145deg,#f5fffb,#e8f7f0);border-color:#cae7da;box-shadow:0 10px 28px #7bc8a516}html[data-theme=light] .hero-badge strong{color:#103229}html[data-theme=light] .hero-badge small{color:#4d7a6d}html[data-theme=light] .pulse-dot{box-shadow:0 0 0 6px #2fb67f14,0 0 18px #2fb67f52}html[data-theme=light] .telegram-panel input,html[data-theme=light] .threshold-value input,html[data-theme=light] .asset-form input,html[data-theme=light] .asset-form textarea,html[data-theme=light] .traffic-policy-panel input[type=number],html[data-theme=light] .enrollment-create input,html[data-theme=light] .site-identity-panel input{color:#202a36;background:#fff;border-color:#d7dee6}html[data-theme=light] .enrollment-create input::placeholder{color:#98a3af}html[data-theme=light] .enrollment-platform-note{background:#f7fbf9;border-color:#d8e6de}html[data-theme=light] .enrollment-platform-note strong{color:#1b2e27}html[data-theme=light] .enrollment-platform-note small{color:#6d7d74}html[data-theme=light] .threshold-value,html[data-theme=light] .traffic-policy-panel label>div{background:#fff;border-color:#d5dfdb}html[data-theme=light] .threshold-value b,html[data-theme=light] .traffic-policy-panel label b{color:#547064;background:#edf5f1;border-color:#d5dfdb}html[data-theme=light] .threshold-rule.dependent{border-left-color:#c9d8d2}html[data-theme=light] .quota-bar{background:#dfe7e4}html[data-theme=light] .quota-bar i{background:linear-gradient(90deg,#1fa875,#51c6a1)}html[data-theme=light] .tag.neutral,html[data-theme=light] .asset-tags span{color:#53675f;background:#edf2f0;border-color:#d5e0dc}html[data-theme=light] .server-map-canvas{background:radial-gradient(circle at 50% 42%,#fff 0,#e9edf2 72%);border-color:#d7dee6}html[data-theme=light] .map-sphere{fill:#edf1f5}html[data-theme=light] .map-countries path{fill:#d9dee4;stroke:#aeb8c3}html[data-theme=light] .map-countries path.has-nodes{fill:#3aa978;stroke:#17734e}html[data-theme=light] .quota-progress,html[data-theme=light] .inventory-meter,html[data-theme=light] .lifecycle-bar{background:#dfe4e9}html[data-theme=light] .ghost-button:hover{color:#1f2937}html[data-theme=light] .tcp-manager-backdrop{background:#17202b66}html[data-theme=light] .tcp-manager-heading>button,html[data-theme=light] .tcp-basic-grid input,html[data-theme=light] .tcp-option-pills label,html[data-theme=light] .tcp-agent-picker,html[data-theme=light] .tcp-agent-picker label,html[data-theme=light] .tcp-choice-grid label,html[data-theme=light] .tcp-preview,html[data-theme=light] .tcp-existing>div:first-child{color:#304050;background:#f6f8fa;border-color:#d9e1e8}html[data-theme=light] .tcp-choice-grid label.selected{color:#164f3b;background:#eaf7f1;border-color:#bcdccc}html[data-theme=light] .tcp-ipv6-warning{color:#8b6219;background:#fff8e9;border-color:#ead49e}html[data-theme=light] .tcp-section-heading>button,html[data-theme=light] .tcp-section-heading>div button{color:#526477;background:#edf1f4}html[data-theme=light] .tcp-manager-actions{background:#ffffffed}html[data-theme=light] .tcp-task-row,html[data-theme=light] .tcp-existing{border-color:#dfe5eb}@media (max-width:1260px){.inventory-card-grid{grid-template-columns:1fr}}@media (max-width:1040px){:root{--sidebar:190px}.dashboard-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}.inventory-row{grid-template-columns:1fr 1fr 80px}.inventory-metric:nth-of-type(2){display:none}.detail-metrics{grid-template-columns:repeat(3,1fr)}.system-identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.enrollment-grid{grid-template-columns:1fr}.asset-grid{grid-template-columns:1fr 1fr}.asset-grid>section:nth-child(3),.asset-grid .asset-notes{grid-column:1/-1}.asset-form fieldset{grid-template-columns:repeat(2,1fr)}.alert-layout{grid-template-columns:1fr}.alert-sidebar{grid-template-columns:repeat(2,1fr);position:static}.network-target-grid{grid-template-columns:1fr 1fr}.tcp-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.traffic-layout{grid-template-columns:1fr}.traffic-policy-panel{max-width:none}.inventory-toolbar{flex-wrap:wrap;align-items:flex-start}.inventory-search{max-width:none}.region-tabs{order:3;width:100%;overflow-x:auto}.inventory-sort{margin-left:auto}.public-detail-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.public-detail-live{grid-template-columns:repeat(3,minmax(0,1fr))}.public-detail-trends,.public-detail-pings{grid-template-columns:1fr 1fr}}@media (max-width:760px){.public-header{gap:8px;height:66px;padding:0 10px}.public-header .brand-lockup{gap:7px}.public-header .brand-mark{width:30px;height:30px}.public-header .site-title-display{gap:5px}.public-header .site-title-display i{height:15px}.public-header .site-title-display strong{max-width:58px;font-size:11px}.public-header .site-title-display span{max-width:82px;font-size:11px}.public-header-actions{flex:none;gap:5px}.public-live{display:none}.public-login-button{height:34px;padding:0 7px;font-size:9px}.public-header-actions .topbar-icon-button{width:34px;height:34px}.public-view-options{width:auto;position:fixed;top:72px;left:12px;right:12px}.public-content{width:calc(100% - 28px);padding:38px 0 50px}.public-hero{flex-direction:column;align-items:flex-start;gap:22px}.public-hero h1{font-size:43px}.public-overall{width:100%;min-width:0}.public-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.public-summary article{min-height:99px;padding:13px}.public-summary strong{font-size:24px}.public-toolbar{flex-direction:column;align-items:stretch;padding:14px}.public-toolbar label{width:100%}.public-node-grid{grid-template-columns:1fr}.public-node{padding:16px}.public-node-grid.compact .public-node,.public-node-grid.table .public-node{grid-template-columns:1fr;gap:0;min-height:60px;padding:10px 12px}.public-node-grid.compact .public-node-foot,.public-node-grid.table .public-plan-specs,.public-node-grid.table .public-node-foot{display:none}.public-node-grid.compact .public-node-title strong,.public-node-grid.table .public-node-title strong{font-size:12px}.public-node-grid.compact .public-node-title small,.public-node-grid.table .public-node-title small{font-size:8px}.public-node-grid.compact .public-node-title>b,.public-node-grid.table .public-node-title>b{padding:6px 8px;font-size:8px}.public-metrics{gap:9px}.public-node-foot{grid-template-columns:repeat(2,1fr);gap:14px}.public-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;min-height:84px;padding:18px}.public-profile-panel,.public-manager{padding:16px}.public-profile-form fieldset{grid-template-columns:1fr;padding:13px}.public-profile-form label.wide,.public-enable-row,.public-field-switches{grid-column:auto}.public-field-switches{grid-template-columns:repeat(2,1fr)}.public-manager-row{grid-template-columns:minmax(0,1fr) auto}.public-manager-row .secondary-button{grid-column:1/-1;width:100%}.public-plan-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.public-map-panel{padding:13px}.public-map-heading{flex-direction:column;align-items:flex-start}.public-map-heading .map-zoom-controls{width:100%}.public-map-viewport{max-height:390px}.public-map-panel svg{min-width:620px}.public-tcp-panel>div:last-child{grid-template-columns:1fr}.public-region-tabs{margin-top:-7px}.public-detail-title{flex-wrap:wrap;align-items:flex-start}.public-detail-title>b{margin-left:0}.public-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.public-detail-live{grid-template-columns:1fr 1fr}.public-detail-trends,.public-detail-pings{grid-template-columns:1fr}.public-trend-card{min-height:190px}.public-trend-card svg{height:115px}.public-history-periods{justify-content:flex-start;width:100%}.public-history-periods button{min-width:70px}.public-history-grid{grid-template-columns:1fr}.public-latency-tools{grid-template-columns:1fr 1fr;display:grid}.public-latency-tools select,.public-latency-tools button{width:100%}.auth-page{grid-template-columns:1fr}.auth-panel{min-height:100vh;padding:28px 24px}.auth-copy{margin-top:16vh}.auth-copy h1{font-size:39px}.auth-visual,.sidebar{display:none}.main-content{margin-left:0;padding-bottom:68px}.topbar{height:58px;padding:0 12px 0 16px}.mobile-kicker{display:inline}.last-refresh{display:none}.topbar-actions{gap:7px}.mobile-logout-button{border:1px solid color-mix(in srgb, var(--red) 30%, var(--line));background:color-mix(in srgb, var(--red) 9%, var(--panel));height:34px;color:var(--red);cursor:pointer;border-radius:10px;align-items:center;gap:5px;padding:0 10px;font-size:9px;font-weight:700;display:flex}.mobile-logout-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.topbar .avatar{width:34px;height:34px}.content-scroll{padding:28px 16px 40px}.hero-row{flex-direction:column;align-items:flex-start}.overview-hero-actions{justify-content:space-between;width:100%}.hero-badge{flex:1}.overview-sort-menu{left:0;right:auto}.summary-grid{grid-template-columns:repeat(2,1fr);gap:8px}.summary-grid article{min-height:95px;padding:14px}.dashboard-grid{grid-template-columns:1fr}.server-card,.chart-panel,.traffic-panel,.alert-panel{padding:16px}.traffic-aggregate-values{grid-template-columns:1fr}.traffic-aggregate-total{flex-direction:column;align-items:flex-start}.traffic-aggregate-total strong{text-align:left}.all-traffic-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-window-summary{grid-template-columns:1fr}.traffic-daily-heading{flex-direction:column;align-items:flex-start}.traffic-daily-controls{width:100%}.traffic-daily-controls input{flex:1;min-width:0}.traffic-daily-total{flex-direction:column;align-items:flex-start}.traffic-node-ranking-list{grid-template-columns:1fr}.traffic-node-ranking-title{flex-direction:column;align-items:flex-start}.server-address{flex-direction:column;align-items:flex-start;gap:5px;height:auto;padding:9px 10px}.server-address i{display:none}.metric-ring{width:62px;height:62px}.metric-ring-inner strong{font-size:16px}.server-facts{grid-template-columns:repeat(2,1fr);gap:13px}.chart-row{grid-template-columns:82px 1fr;gap:8px;padding:9px}.settings-grid{grid-template-columns:1fr}.site-identity-panel{grid-template-columns:1fr;padding:17px}.site-identity-panel form{grid-template-columns:1fr}.site-identity-panel form .primary-button{width:100%}.site-title-preview{grid-column:auto}.inventory-row{grid-template-columns:1fr auto}.inventory-address,.inventory-metric{display:none}.inventory-toolbar{gap:8px}.inventory-card{padding:16px}.inventory-card-body{grid-template-columns:1fr;gap:14px}.inventory-resources{gap:9px}.inventory-rates{padding-top:2px}.inventory-sort select{min-width:100px}.region-tabs button{padding:0 10px}.server-map-panel{padding:14px}.server-map-heading{flex-direction:column;align-items:flex-start;gap:10px}.server-map-heading-actions{flex-direction:column;align-items:flex-start;width:100%}.server-map-canvas{min-height:300px;max-height:430px}.server-map-canvas svg{min-width:650px}.server-map-legend{flex-wrap:wrap}.public-latency-chart{padding:16px 12px 14px 46px;overflow-x:auto}.public-latency-chart svg{min-width:620px;height:240px}.public-latency-axis{inset:16px auto 52px 8px}.public-latency-time,.public-latency-legend{min-width:620px}.heading-actions{align-items:flex-start}.detail-metrics{grid-template-columns:repeat(2,1fr)}.system-identity-grid{grid-template-columns:1fr}.system-identity-grid>div.wide{grid-column:auto}.system-trends,.enrollment-grid{grid-template-columns:1fr}.enrollment-create,.enrollment-result{min-height:auto;padding:17px}.enrollment-actions{grid-template-columns:1fr}.danger-button{height:42px}.node-switcher{grid-template-columns:1fr 1fr}.node-switcher button{grid-template-columns:auto minmax(0,1fr)}.node-switcher .node-cpu{display:none}.node-traffic>span b{display:block}.tcp-manager-backdrop{padding:8px}.tcp-manager{max-height:calc(100vh - 16px)}.tcp-basic-grid{grid-template-columns:1fr 1fr}.tcp-basic-grid label.wide{grid-column:1/-1}.tcp-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tcp-preview{grid-template-columns:1fr}.asset-heading{align-items:flex-start;gap:12px}.asset-heading>div:last-child{flex-direction:column;align-items:flex-end}.asset-grid{grid-template-columns:1fr}.asset-grid>section:nth-child(3),.asset-grid .asset-notes{grid-column:auto}.asset-form fieldset{grid-template-columns:1fr}.asset-form label.wide{grid-column:auto}.alert-toolbar{flex-direction:column;align-items:stretch}.status-tabs{grid-template-columns:repeat(3,1fr);display:grid}.status-tabs button{padding:8px 5px}.alert-toolbar-actions{grid-template-columns:1fr auto;display:grid}.alert-toolbar select{width:100%}.alert-event{grid-template-columns:30px 1fr;gap:9px;padding:14px}.alert-event-body>div:first-child{flex-direction:column;align-items:flex-start}.alert-event-body dl{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.alert-sidebar{grid-template-columns:1fr}.network-controls{justify-content:flex-start;width:100%}.network-controls>select{flex:1}.network-controls .period-tabs{width:100%;overflow-x:auto}.network-controls .period-tabs button{flex:0 0 64px}.network-mode-tabs{width:100%}.network-mode-tabs button{flex:1}.network-series-tools{grid-template-columns:1fr 1fr;display:grid}.network-series-tools select,.network-series-tools button{width:100%}.network-target-grid,.traffic-live-grid,.metric-history-grid{grid-template-columns:1fr}.metric-history-card{min-height:190px}.metric-history-card svg{height:120px}.network-chart-panel,.traffic-chart-panel{min-height:360px;padding:13px}.network-chart-heading{flex-direction:column;align-items:stretch}.network-chart-actions{justify-content:space-between}.chart-period-tabs{max-width:calc(100% - 64px);overflow-x:auto}.chart-period-tabs button{flex:0 0 54px}.network-chart,.traffic-chart{height:250px}.network-legend{flex-wrap:wrap;gap:12px}.tcp-management-bar{grid-template-columns:auto minmax(0,1fr)}.tcp-management-actions{grid-column:1/-1;width:100%}.tcp-management-actions button{flex:1;justify-content:center}.mobile-nav{z-index:30;height:62px;padding:6px 8px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090e16ed;border-top:1px solid #1a2533;grid-template-columns:repeat(7,1fr);display:grid;position:fixed;inset:auto 0 0}.mobile-nav button{color:#627186;background:0 0;border:0;align-content:center;place-items:center;gap:3px;font-size:8px;display:grid}.mobile-nav button span{place-items:center;display:grid}.mobile-nav .nav-icon{width:17px;height:17px}.mobile-nav button.active{color:var(--green)}}html[data-ui-theme=komari][data-theme=dark]{--bg:#151310;--panel:#070707;--panel-2:#11100f;--line:#302d2a;--muted:#96918b;--text:#f5f3f1;--green:#00cc74;--blue:#4169e1;--purple:#8c20c8;--amber:#ff9f1c;--red:#ff4d67;--chart-surface:#090909;--chart-border:#282522;--chart-track:#302d2a;--chart-core:#080808;--chart-label:#aaa49e}html[data-ui-theme=komari][data-theme=light]{--bg:#f5f3f0;--panel:#fff;--panel-2:#f0eeeb;--line:#d9d4cf;--muted:#756f69;--text:#1d1b19;--green:#00a85f;--blue:#315fd8;--purple:#7d1db6;--amber:#dc7c00;--red:#dc3450;--chart-surface:#fff;--chart-border:#ddd8d2;--chart-track:#e3dfda;--chart-core:#fff;--chart-label:#6f6963}html[data-ui-theme=komari] body,html[data-ui-theme=komari] .app-shell,html[data-ui-theme=komari] .public-page{background:var(--bg);color:var(--text)}html[data-ui-theme=komari] .brand-mark,html[data-ui-theme=komari] .loading-mark{background:linear-gradient(145deg,#315fd8,#233f9d);border-radius:50%;box-shadow:0 9px 24px #315fd830}html[data-ui-theme=komari] .brand-mark i,html[data-ui-theme=komari] .loading-mark i{background:#fff}html[data-ui-theme=komari] .sidebar,html[data-ui-theme=komari] .topbar,html[data-ui-theme=komari] .public-header{background:color-mix(in srgb, var(--bg) 92%, transparent);border-color:var(--line)}html[data-ui-theme=komari] .sidebar nav button{border-radius:13px}html[data-ui-theme=komari] .sidebar nav button.active{color:#fff;background:linear-gradient(135deg,#315fd8,#2348b2);box-shadow:0 10px 25px #315fd828}html[data-ui-theme=komari] .panel,html[data-ui-theme=komari] .summary-grid article,html[data-ui-theme=komari] .public-summary article,html[data-ui-theme=komari] .public-overall,html[data-ui-theme=komari] .public-toolbar,html[data-ui-theme=komari] .public-node,html[data-ui-theme=komari] .public-map-panel,html[data-ui-theme=komari] .public-detail-hero,html[data-ui-theme=komari] .public-detail-section,html[data-ui-theme=komari] .public-trend-card,html[data-ui-theme=komari] .public-detail-pings article,html[data-ui-theme=komari] .inventory-card,html[data-ui-theme=komari] .inventory-row,html[data-ui-theme=komari] .server-map-panel{background:var(--panel);border-color:var(--line);box-shadow:none;border-radius:20px}html[data-ui-theme=komari] .public-content,html[data-ui-theme=komari] .content-scroll{background:0 0}html[data-ui-theme=komari] .public-hero h1,html[data-ui-theme=komari] .hero-row h1{letter-spacing:-.045em}html[data-ui-theme=komari] .public-region-tabs,html[data-ui-theme=komari] .region-tabs,html[data-ui-theme=komari] .period-tabs,html[data-ui-theme=komari] .inventory-toolbar{background:color-mix(in srgb, var(--panel) 92%, var(--bg));border-color:var(--line);border-radius:18px}html[data-ui-theme=komari] .public-region-tabs button,html[data-ui-theme=komari] .region-tabs button,html[data-ui-theme=komari] .period-tabs button{border-radius:13px}html[data-ui-theme=komari] .public-region-tabs button.active,html[data-ui-theme=komari] .region-tabs button.active,html[data-ui-theme=komari] .period-tabs button.active,html[data-ui-theme=komari] .inventory-view-toggle button.active{color:#fff;box-shadow:none;background:#315fd8;border-color:#315fd8}html[data-ui-theme=komari] .public-node{transition:border-color .18s,transform .18s,background .18s}html[data-ui-theme=komari] .public-node:hover,html[data-ui-theme=komari] .inventory-card:hover{border-color:color-mix(in srgb, var(--blue) 70%, var(--line));transform:translateY(-2px)}html[data-ui-theme=komari] .tag,html[data-ui-theme=komari] .asset-tags span,html[data-ui-theme=komari] .public-tag{color:#f9f9f9;border:0;border-radius:7px}html[data-ui-theme=komari] .tag:nth-child(4n+1),html[data-ui-theme=komari] .asset-tags span:nth-child(4n+1),html[data-ui-theme=komari] .public-tag:nth-child(4n+1){background:#087c3d}html[data-ui-theme=komari] .tag:nth-child(4n+2),html[data-ui-theme=komari] .asset-tags span:nth-child(4n+2),html[data-ui-theme=komari] .public-tag:nth-child(4n+2){background:#7416ae}html[data-ui-theme=komari] .tag:nth-child(4n+3),html[data-ui-theme=komari] .asset-tags span:nth-child(4n+3),html[data-ui-theme=komari] .public-tag:nth-child(4n+3){background:#2853bd}html[data-ui-theme=komari] .tag:nth-child(4n),html[data-ui-theme=komari] .asset-tags span:nth-child(4n),html[data-ui-theme=komari] .public-tag:nth-child(4n){background:#3b3937}html[data-ui-theme=komari] .primary-button{color:#fff;background:linear-gradient(135deg,#315fd8,#4169e1);box-shadow:0 10px 24px #315fd82b}html[data-ui-theme=komari] .topbar-icon-button,html[data-ui-theme=komari] .public-login-button,html[data-ui-theme=komari] .secondary-button,html[data-ui-theme=komari] .test-button{background:var(--panel);border-color:var(--line);color:var(--text);border-radius:12px}html[data-ui-theme=komari] .theme-menu,html[data-ui-theme=komari] .public-view-options,html[data-ui-theme=komari] .overview-sort-menu{background:color-mix(in srgb, var(--panel) 96%, transparent);border-color:var(--line);border-radius:17px}html[data-ui-theme=komari] .theme-menu button[aria-checked=true]{color:#fff;background:#315fd8}html[data-ui-theme=komari] .theme-menu-label{color:var(--muted)}html[data-ui-theme=komari] .metric-ring-card.cpu,html[data-ui-theme=komari] .chart-row.cpu{border-color:#00cc7440}html[data-ui-theme=komari] .metric-ring-card.memory,html[data-ui-theme=komari] .chart-row.memory{border-color:#4169e150}html[data-ui-theme=komari] .metric-ring-card.disk,html[data-ui-theme=komari] .chart-row.disk{border-color:#8c20c850}html[data-ui-theme=komari] .quota-bar i,html[data-ui-theme=komari] .inventory-meter i,html[data-ui-theme=komari] .lifecycle-bar i{background:linear-gradient(90deg,#00a85f,#00d579)}html[data-ui-theme=komari][data-theme=light] .sidebar nav button.active,html[data-ui-theme=komari][data-theme=light] .public-region-tabs button.active,html[data-ui-theme=komari][data-theme=light] .region-tabs button.active,html[data-ui-theme=komari][data-theme=light] .period-tabs button.active{color:#fff}html[data-ui-theme=komari][data-theme=light] .panel,html[data-ui-theme=komari][data-theme=light] .summary-grid article,html[data-ui-theme=komari][data-theme=light] .public-summary article{background:#fff;border-color:#ded9d3}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}