:root{color-scheme:light;--bg:#edf3fa;--card:#ffffffda;--solid:#f9fcff;--text:#1d2939;--muted:#78889e;--line:#cbd9e9;--track:#e6f1fb;--green:#05bf67;--blue:#327fe1;--pink:#ea668c;--shadow:0 2px 5px #4d6c8e13;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);font-size:13px;background:radial-gradient(ellipse at 8% 12%,#beddf288,transparent 42%),radial-gradient(ellipse at 93% 63%,#e0d6f288,transparent 48%),var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.top{border-bottom:1px solid #b5c9df99;background:#d7e7f0d9;box-shadow:0 2px 4px #455a7920}.top-inner{max-width:1170px;padding:0 24px;height:70px;display:flex;align-items:center;justify-content:space-between;margin:auto}.brand{font-size:18px;font-weight:750;display:flex;gap:9px;align-items:center;letter-spacing:-.6px}.brand-icon{display:grid;place-items:center;width:29px;height:29px;background:#3282cf;color:white;border-radius:9px;font-size:22px}.header-stats{display:flex;align-items:center;gap:24px}.header-stats>div{display:flex;flex-direction:column;gap:4px}.header-stats span{font-size:10px;font-weight:500;color:var(--muted)}.header-stats strong{font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}.header-stats .speed span{font-size:11px;color:var(--text)}.header-stats b{font-weight:600}nav{display:flex;gap:8px}.icon-btn{background:transparent;color:var(--text);border:0;border-radius:7px;width:31px;height:31px;display:grid;place-items:center;font-size:22px;line-height:1}.icon-btn:hover{background:#ffffff66}.admin{font-size:24px}main{max-width:1170px;padding:24px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}h1{font-size:18px;margin:0;letter-spacing:-.3px}h1 span{font-size:11px;font-weight:400;color:var(--muted);margin-left:13px;letter-spacing:0}.live{display:flex;gap:6px;align-items:center;font-size:10px;color:#238a5d}.live i,footer i{width:5px;height:5px;border-radius:50%;display:inline-block;background:currentColor}.live.warning{color:var(--muted)}.overview{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:20px}.overview>div{border:1px solid var(--line);border-radius:9px;background:var(--card);box-shadow:var(--shadow);padding:14px 18px;display:flex;align-items:center;justify-content:space-between}.overview span{color:var(--muted);font-size:11px}.overview strong{font-size:16px;letter-spacing:-.3px;font-weight:650;font-variant-numeric:tabular-nums}.overview small{font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0}.toolbar{border:1px solid var(--line);border-radius:10px;display:flex;justify-content:space-between;align-items:center;padding:5px 7px;background:#d6e8f0c9;box-shadow:var(--shadow);margin-bottom:15px}.groups{display:flex;gap:4px}.groups button{border:0;border-radius:7px;padding:7px 12px;font-size:12px;background:transparent;color:var(--text)}.groups button.active{background:#92c7ed8c;color:#195d8f}.groups b{font-size:inherit;font-weight:400;margin-left:4px;font-variant-numeric:tabular-nums}.tools{display:flex;align-items:center;gap:3px}.search{display:flex;gap:5px;align-items:center}.search>span{font-size:20px;color:var(--muted)}.search input{border:0;outline:0;background:transparent;width:170px;font-size:11px;color:var(--text)}.search input::placeholder{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.node{border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:0 2px 4px #4f6e9322;overflow:hidden;padding:16px 17px 14px;min-width:0}.node-header{display:flex;align-items:center;gap:8px}.flag{display:inline-block;font-size:14px;line-height:1;background:#e41a29;border-radius:3px;color:#fff;padding:2px 5px;flex-shrink:0}.os-icon{color:#eb6c8a;font-size:21px;line-height:1}.node-name{font-weight:750;font-size:15px;letter-spacing:-.3px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);margin-left:auto;flex-shrink:0}.status-dot.offline{background:var(--muted)}.info-button{border:0;color:var(--text);background:transparent;font-size:17px;line-height:1;cursor:pointer;padding:2px}.plan-row{display:flex;gap:5px;align-items:center;margin-top:8px;font-size:10px;color:var(--muted)}.plan-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-row strong{font-weight:500;color:var(--blue)}.badges{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:11px 0 13px}.badge{padding:3px 6px;border-radius:4px;font-size:10px;line-height:1.15;background:#edf0f5;color:var(--muted)}.badge.price{background:#fdecf1;color:var(--pink)}.badge.expiry{background:#dff3e9;color:#27976e}.badge.mode{background:#e7f0fb;color:#4d86ba}.hardware{display:flex;justify-content:space-between;gap:8px;padding:10px 0 12px;border-top:1px solid var(--track);font-size:11px;white-space:nowrap}.hardware span{display:flex;align-items:center;gap:5px}.hardware i{font-style:normal;font-size:15px;color:#457dfb}.hardware span:nth-child(2) i{color:var(--green)}.hardware span:nth-child(3) i{color:#ed657b}.metrics{display:grid;gap:12px;margin-bottom:13px}.metric{display:grid;grid-template-columns:42px 1fr 44px;gap:8px;align-items:center}.metric-label{font-size:11px}.metric-value{font-size:11px;text-align:right;font-variant-numeric:tabular-nums}.bar{height:7px;background:var(--track);border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:var(--green);border-radius:8px;min-width:1px;transition:width .4s}.bar i.medium{background:#eab829}.bar i.high{background:#e26979}.metric-note{display:none;font-size:9px;color:var(--muted);grid-column:2/4;text-align:right;margin-top:-5px}.data-row{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;min-height:29px}.data-row .label{color:var(--text)}.speeds{display:flex;gap:10px;font-variant-numeric:tabular-nums}.speeds .up{color:#318d62}.speeds .down{color:#4b83bc}.traffic-value{display:flex;align-items:center;gap:9px}.traffic-numbers{text-align:right}.traffic-numbers strong{display:block;font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}.traffic-numbers small{color:var(--muted);font-size:9px}.ring{width:29px;height:29px;position:relative;flex-shrink:0}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke:var(--track);stroke-width:2.5}.ring .fill{stroke:var(--green);stroke-linecap:round}.ring span{position:absolute;inset:0;display:grid;place-items:center;font-size:8px}.traffic-row{min-height:46px;margin:2px 0 3px}.subtle-value{font-variant-numeric:tabular-nums;color:var(--muted);font-size:10px}.card-foot{display:flex;justify-content:space-between;gap:8px;font-size:10px;padding-top:10px;margin-top:5px;border-top:1px solid var(--track);font-variant-numeric:tabular-nums}.card-foot strong{font-weight:400}.extra-tags{display:flex;gap:4px;margin-top:11px}.extra-tags span{font-size:9px;border:1px solid var(--line);padding:2px 5px;border-radius:4px;color:var(--muted)}.cards.list-mode{grid-template-columns:1fr}.cards.list-mode .node{display:grid;grid-template-columns:230px 1fr 260px;gap:6px 28px;position:relative}.cards.list-mode .node-header,.cards.list-mode .plan-row,.cards.list-mode .badges,.cards.list-mode .hardware{grid-column:1}.cards.list-mode .metrics{grid-column:2;grid-row:1/5;align-self:center}.cards.list-mode .data-row,.cards.list-mode .card-foot{grid-column:3}.cards.list-mode .extra-tags{grid-column:1/-1}.empty{padding:60px 20px;text-align:center;color:var(--muted);grid-column:1/-1}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:21px}footer i{color:var(--green);margin-right:5px}dialog{color:var(--text);border:1px solid var(--line);background:var(--solid);border-radius:14px;max-width:600px;width:calc(100% - 34px);padding:22px;box-shadow:0 16px 60px #172b4d33}dialog::backdrop{background:#172b4d66;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.eyebrow{font-size:9px;letter-spacing:1.4px;color:var(--muted)}h2{font-size:20px;margin:6px 0 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.detail-item span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.detail-item strong{font-size:12px;font-weight:500;word-break:break-word}.detail-item.wide{grid-column:1/-1}.detail-note{color:var(--muted);font-size:10px;border-top:1px solid var(--line);margin-top:18px;padding-top:12px;line-height:1.7}.chart-title{font-size:11px;color:var(--muted);margin-top:20px;margin-bottom:10px;display:flex;justify-content:space-between}.legend{color:var(--green)}.legend i{color:#8199ba;font-style:normal;margin-left:10px}.chart{width:100%;height:85px;display:block}.chart .grid{stroke:var(--line);stroke-width:1;fill:none}.chart .cpu{stroke:var(--green);stroke-width:1.6;fill:none}.chart .mem{stroke:#8199ba;stroke-width:1.6;fill:none}.chart-time{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:5px}html[data-theme=dark]{color-scheme:dark;--bg:#141c2a;--card:#202b3bea;--solid:#202b3b;--text:#e5edf7;--muted:#8e9fb6;--line:#3a4b63;--track:#2b3b50;--green:#42ce89;--blue:#8fb8f1;--pink:#f898b2}html[data-theme=dark] body{background:radial-gradient(ellipse at 0% 0%,#1c476b66,transparent 50%),radial-gradient(ellipse at 95% 75%,#46375e55,transparent 50%),var(--bg)}html[data-theme=dark] .top{background:#1d2c40df}html[data-theme=dark] .toolbar{background:#23394dba}html[data-theme=dark] .groups button.active{background:#355779;color:#e8f3ff}html[data-theme=dark] .badge.price{background:#4b3040}html[data-theme=dark] .badge.expiry{background:#28483c;color:#81cba6}html[data-theme=dark] .badge.mode{background:#304156;color:#a0bddb}html[data-theme=dark] .badge{background:#344055}html[data-theme=dark] .icon-btn:hover{background:#42536a55}
@media(max-width:1000px){.top-inner{padding:0 20px}.header-stats{gap:15px}.brand{font-size:15px}.cards{gap:12px}.node{padding:14px}.hardware{font-size:10px;gap:4px}.speeds{font-size:10px;gap:5px}.header-stats>div:nth-child(3){display:none}.cards.list-mode .node{grid-template-columns:205px 1fr 240px;gap:6px 20px}}
@media(max-width:800px){.brand{display:none}.top-inner{height:62px}.header-stats{gap:20px}.header-stats>div:nth-child(4){display:none}main{padding:20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.overview{gap:10px}.overview>div{display:block;padding:12px}.overview strong{display:block;margin-top:6px;font-size:14px}.page-heading h1 span{display:none}.cards.list-mode .node{display:block}.cards.list-mode .metrics{margin-top:0}.cards.list-mode .node{max-width:none}}
@media(max-width:550px){.top-inner{padding:0 16px}.header-stats{gap:17px}.header-stats>div:nth-child(3),.header-stats>div:nth-child(4),.header-stats .speed{display:none}nav{gap:5px}main{padding:19px 15px}.page-heading{margin-bottom:14px}h1{font-size:17px}.overview{gap:8px;margin-bottom:15px}.overview>div{padding:11px 9px}.overview strong{font-size:12px}.overview small{font-size:9px}.overview span{font-size:10px}.toolbar{padding:5px;margin-bottom:12px}.groups button{font-size:11px;padding:6px 9px}.search input{width:100px;font-size:10px}.search>span{display:none}.tools>.icon-btn{width:24px;font-size:19px}.cards{grid-template-columns:1fr;gap:13px}.node{padding:17px 19px}.node-name{font-size:16px}.hardware{font-size:12px}.metrics{gap:13px}.metric{grid-template-columns:43px 1fr 45px}.metric-label,.metric-value,.data-row{font-size:12px}.speeds{font-size:11px;gap:10px}.card-foot{font-size:11px}.badges .badge{font-size:11px}.plan-row{font-size:11px}.metric-note{display:block}.detail-grid{gap:12px}.detail-item strong{font-size:11px}footer{font-size:9px}.live{font-size:9px}.traffic-numbers strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(min-width:801px){.cards.list-mode .node-header{grid-row:1}.cards.list-mode .plan-row{grid-row:2}.cards.list-mode .badges{grid-row:3}.cards.list-mode .hardware{grid-row:4}.cards.list-mode .data-row{grid-row:1}.cards.list-mode .traffic-row{grid-row:2}.cards.list-mode .traffic-row+.data-row{grid-row:3}.cards.list-mode .card-foot{grid-row:4}.cards.list-mode .extra-tags{grid-row:5}.cards.list-mode .hardware{padding-bottom:0}.cards.list-mode .badges{margin:3px 0}.cards.list-mode .plan-row{margin-top:0}.cards.list-mode .metrics{margin:0}}
body{font-size:15px}.top-inner,main{max-width:1280px}.header-stats span{font-size:12px}.header-stats strong{font-size:14px}.header-stats .speed span{font-size:12px}h1{font-size:21px}h1 span{font-size:13px}.live{font-size:12px}.overview span{font-size:13px}.overview strong{font-size:18px}.overview small{font-size:13px}.groups button{font-size:14px}.search input{font-size:13px;width:190px}.region-flag{display:block;width:27px;height:20px;object-fit:cover;border-radius:2px;flex-shrink:0;box-shadow:0 0 0 1px #00000012}.node-name{font-size:18px}.plan-row{font-size:12px}.badge{font-size:12px}.hardware{font-size:13px}.metric{grid-template-columns:58px 1fr 52px}.metric-label,.metric-value,.data-row{font-size:13px}.metric-note{font-size:11px}.speeds{font-size:13px}.traffic-numbers strong{font-size:13px}.traffic-numbers small{font-size:11px}.ring{width:34px;height:34px}.ring span{font-size:9px}.subtle-value{font-size:12px}.card-foot{font-size:12px}.extra-tags{flex-wrap:wrap}.extra-tags span{font-size:11px}.custom-tag{background:var(--track);color:var(--blue)!important}footer{font-size:12px}.detail-item span{font-size:12px}.detail-item strong{font-size:14px}.detail-note{font-size:12px}.chart-title{font-size:13px}.chart-time{font-size:11px}.toolbar{gap:12px}.groups{flex-wrap:wrap}.node-header{gap:9px}
.metric-label,.data-row>.label{overflow-wrap:anywhere}.data-row>.label{max-width:90px}.settings-link{font-size:21px}
.metrics{padding-top:15px;margin-top:14px;border-top:1px solid var(--track);gap:17px;margin-bottom:17px}.metric{display:block}.metric-head{display:grid;grid-template-columns:minmax(0,1fr) auto 47px;align-items:center;gap:9px;margin-bottom:8px}.metric-label{display:flex;align-items:center;gap:7px;min-width:0;font-size:13px;line-height:1.4}.hardware-icon{width:19px;height:19px;flex-shrink:0}.hardware-icon.cpu{color:#5985d9}.hardware-icon.memory{color:#20a876}.hardware-icon.disk{color:#d37891}.metric-total{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.metric-value{font-size:13px;font-variant-numeric:tabular-nums}.metric>.bar{margin-left:26px;height:6px}.traffic-row{display:flex;gap:10px;min-height:46px}.traffic-value{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-left:auto}.traffic-numbers{text-align:right}.traffic-numbers strong{font-size:13px}.cards.list-mode .metrics{border-top:0;padding-top:0;margin-top:0}@media(max-width:550px){.metric-label,.metric-value{font-size:14px}.metric-total{font-size:12px}.metric-head{grid-template-columns:minmax(0,1fr) auto 46px;gap:7px}.metrics{gap:17px}.traffic-numbers strong{font-size:14px}.hardware-icon{width:20px;height:20px}}
@media(max-width:1000px){.header-stats{gap:12px}.header-stats>div:nth-child(1){display:none}.plan-row{flex-wrap:wrap}.speeds{font-size:12px;gap:6px}.cards.list-mode .node{grid-template-columns:215px 1fr 250px;gap:6px 16px}}
@media(max-width:800px){.header-stats>div:nth-child(1){display:flex}.overview strong{font-size:15px}.overview small{font-size:12px}.toolbar{align-items:flex-start}.groups{max-width:60%}.search input{width:150px}.top-inner{padding:0 15px}}
@media(max-width:550px){.header-stats span{font-size:11px}.header-stats strong{font-size:13px}.header-stats{gap:16px}h1{font-size:19px}.live{font-size:10px}.overview span{font-size:11px}.overview strong{font-size:13px}.overview small{font-size:10px}.groups button{font-size:12px;padding:6px 8px}.search input{font-size:11px;width:105px}.node-name{font-size:18px}.card-foot{font-size:12px}.extra-tags span{font-size:11px}.metric-note{font-size:10px}.plan-row{font-size:12px}.badge{font-size:12px}.hardware{font-size:13px}.detail-item span{font-size:11px}.detail-item strong{font-size:13px}.detail-note{font-size:11px}footer{font-size:10px}.toolbar{gap:3px}.groups{max-width:55%}}