:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#202523;background:#f7f9f8;font-size:14px;letter-spacing:0;color-scheme:light;--line:#e1e7e3;--muted:#68746c;--green:#17734e;--blue:#306ad3;--red:#b54343}
.lower-grid>*{min-width:0}.activity li>span{min-width:0;overflow-wrap:anywhere}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;letter-spacing:0}button,a,input,select{outline-offset:3px}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}svg{width:18px;height:18px;flex:none}a{text-decoration:none;color:inherit}h1,h2,p{margin:0}h1{font-size:25px;line-height:1.4;font-weight:650}h2{font-size:16px;font-weight:650}button,.secondary{border:1px solid var(--line);border-radius:6px;min-height:36px;background:#fff;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:inherit}.primary{background:var(--green);color:white;border-color:var(--green);font-weight:600}.secondary:hover,.icon:hover{background:#f0f4f2}.primary:hover{background:#125e40}.icon{width:36px;height:36px;padding:8px;flex:none}.text-button{background:transparent;border:0}.danger{color:var(--red)}label{display:grid;gap:8px;color:#48554d;font-size:13px}input,select{min-height:38px;padding:9px 10px;border:1px solid #ccd6cf;border-radius:5px;background:#fff;color:#202523;min-width:0}input:focus,select:focus{outline:2px solid #97c2aa}input::placeholder{color:#88938c}.muted{color:var(--muted)}.error{min-height:20px;color:var(--red);font-size:13px}.brand{display:flex;gap:10px;align-items:center;font-size:18px;font-weight:700}.brand>svg{color:var(--green);width:24px;height:24px}.brand small{font-size:13px;font-weight:400;color:var(--muted);margin-left:13px}.login-screen{min-height:100vh;display:grid;place-items:center}.login-form{width:min(360px,calc(100vw - 40px));display:grid;gap:20px}.login-form .brand{margin-bottom:10px}.login-form h1{margin-bottom:4px}header{height:68px;border-bottom:1px solid var(--line);padding:0 32px;background:white;display:flex;align-items:center;justify-content:space-between}.header-actions{display:flex;align-items:center;gap:10px}.header-actions>span{color:var(--muted);font-size:12px}main{max-width:1220px;margin:0 auto;padding:30px 32px 50px}.heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.heading{margin-bottom:24px}.heading p{margin-top:5px;font-size:12px}.summary{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:22px}.summary>div{display:grid;gap:10px}.summary span{font-size:13px;color:var(--muted)}.summary strong{font-size:27px;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}.node-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0 32px}.node{background:#fff;border:1px solid var(--line);border-radius:6px;padding:17px 18px;display:flex;gap:13px;align-items:flex-start}.region{width:39px;height:39px;display:grid;place-items:center;font-weight:700;font-size:12px;border-radius:6px;background:#eaf4ed;color:var(--green)}.region.hk{color:var(--blue);background:#eaf0fb}.node-info{flex:1;min-width:0}.node-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.node-title{font-size:14px;font-weight:600}.node-info p{color:var(--muted);font-size:12px;line-height:1.8}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap;color:var(--green)}.badge::before{content:"";height:6px;width:6px;border-radius:50%;background:currentColor}.badge.off{color:#89928c}.badge.warn{color:#aa7518}.section-heading{margin-bottom:14px}.filters{display:flex;gap:10px}.search{position:relative;display:flex;align-items:center}.search>svg{position:absolute;left:10px;color:#8a968e;width:16px}.search input{padding-left:33px;width:230px}.table-scroll{overflow-x:auto;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:12px;font-weight:500;color:var(--muted);background:#f1f5f2;padding:12px 14px}td{padding:16px 14px;font-variant-numeric:tabular-nums;border-top:1px solid #edf0ee;font-size:13px}td:first-child{min-width:150px}.username{font-weight:600}.user-label{margin-top:4px;color:var(--muted);font-size:12px}.actions{display:flex;gap:6px;align-items:center;justify-content:flex-end}.actions-title{text-align:right}.switch{display:inline-block;position:relative;width:34px;height:20px;flex:none}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;min-height:0;cursor:pointer}.switch span{display:block;background:#b6c0b9;border-radius:12px;width:34px;height:20px;pointer-events:none}.switch span::before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:white;left:3px;top:3px;transition:transform .15s}.switch input:checked+span{background:var(--green)}.switch input:checked+span::before{transform:translateX(14px)}.switch input:focus-visible+span{outline:2px solid var(--green);outline-offset:3px}.switch input:disabled{cursor:not-allowed}.switch:has(input:disabled){opacity:.55}.empty{padding:36px;color:var(--muted);text-align:center}.lower-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:36px;margin-top:30px}.legend{display:flex;gap:16px;font-size:12px;color:var(--muted)}.legend span::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;background:var(--green)}.legend .hk-dot::before{background:var(--blue)}.chart{height:190px;display:flex;gap:7px;border-bottom:1px solid var(--line);padding-top:20px;align-items:flex-end}.day-column{height:100%;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:0}.day-bars{display:flex;flex-direction:column-reverse;justify-content:flex-start;flex:1}.bar{width:100%;min-height:0;background:var(--green)}.bar.hk{background:var(--blue)}.day-column small{text-align:center;font-size:10px;color:var(--muted);line-height:28px;white-space:nowrap}.activity ul{margin:12px 0 0;padding:0;list-style:none}.activity li{display:flex;justify-content:space-between;gap:12px;font-size:12px;border-bottom:1px solid var(--line);padding:12px 0}.activity time{white-space:nowrap;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:8px;padding:24px;width:min(440px,calc(100vw - 28px));box-shadow:0 16px 70px #10251c22;max-height:90vh;overflow:auto}dialog::backdrop{background:#13271c55}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}dialog label{margin-bottom:18px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.dialog-actions button{min-width:80px}#confirm-message{line-height:1.8;color:var(--muted)}.share-content{display:grid;justify-items:stretch;gap:16px}.share-content label{margin:0}.share-content>img{margin:0 auto;max-width:100%;object-fit:contain}.copy-row{display:flex;gap:8px}.copy-row input{flex:1;width:0;font-size:12px}.share-actions{display:flex;justify-content:center;gap:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:12px 18px;background:#223b2c;color:white;border-radius:6px;font-size:13px;z-index:10}[hidden]{display:none!important}
@media(max-width:720px){header{padding:0 16px;height:60px}.brand small{display:none}.header-actions>span{display:none}main{padding:24px 16px}.heading{align-items:flex-start}h1{font-size:22px}.summary{grid-template-columns:1fr 1fr;gap:24px}.summary strong{font-size:24px}.node-list{grid-template-columns:1fr}.filters{width:100%}.section-heading{flex-wrap:wrap}.search{flex:1}.search input{width:100%}.filters select{width:104px}.lower-grid{grid-template-columns:1fr}.node-list{margin-bottom:24px}.day-column small{font-size:9px}.chart{gap:4px}.heading p{max-width:210px;line-height:1.6}.heading>.primary{white-space:nowrap;font-size:12px;padding:9px}.node-top{flex-wrap:wrap}}
.node-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.region.tokyo{color:#aa642a;background:#f9eee3}
.legend .tokyo-dot::before,.bar.tokyo{background:#d48849}
@media(max-width:900px){.node-list{grid-template-columns:1fr}}
.servers-heading{margin:25px 0 0}.servers-heading>span{font-size:12px}.node-list{margin-top:14px}
.node .region{width:34px;height:34px;flex:none}.node-top{flex-wrap:wrap}.node-top>.icon{margin-left:auto;width:30px;height:30px;padding:6px}
.server-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:15px 0 12px}.server-amounts>div{min-width:0;display:grid;gap:7px}.server-amounts small{font-size:11px;color:var(--muted)}.server-amounts strong{font-size:16px;font-weight:650;overflow-wrap:anywhere}
.server-progress{width:100%;height:6px;display:block;accent-color:var(--green);margin:0 0 10px}.server-progress.warning{accent-color:#c28b24}.server-progress.over{accent-color:var(--red)}
.server-health{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.node-info .server-note{font-size:11px;line-height:1.65;margin-top:5px}.node-info .server-alert{color:var(--red)}
.plan-amount,.plan-period{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px}#server-calibration{font-size:12px;line-height:1.7;margin-bottom:10px}
.plan-confirm{display:flex;align-items:center;gap:8px}.plan-confirm input{min-height:0;width:16px;height:16px;margin:0}