:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#17312e;background:#f5f8f7;line-height:1.4;font-size:14px;--ink:#17312e;--muted:#7d9290;--line:#e3ece9;--green:#17634f;--green-2:#dff4ea;--blue:#4468df;--violet:#8068d8;--amber:#dd9b3f;--shadow:0 14px 38px #1c53420b}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0}.shell{display:flex;min-height:100vh}.sidebar{width:248px;flex:0 0 248px;background:#103b34;color:#d6e9e4;padding:26px 16px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 27px}.brand-mark{display:grid;place-items:center;background:#c9f06c;color:#123c32;width:34px;height:34px;border-radius:11px;font-weight:800;font-size:19px}.brand strong{display:block;letter-spacing:.12em;font-size:17px;color:#fff}.brand small{display:block;font-size:9px;letter-spacing:.18em;color:#8eb8ad;margin-top:2px}.tenant{display:flex;gap:8px;align-items:center;border:1px solid #2c6257;border-radius:10px;padding:10px 12px;color:#c1ddd5;font-size:12px;margin-bottom:27px}.tenant b{margin-left:auto;color:#c9f06c;font-size:9px;letter-spacing:.1em}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#53d497;box-shadow:0 0 0 4px #53d4971c}.status-dot.degraded{background:#e9a54b;box-shadow:0 0 0 4px #e9a54b1c}.status-dot.offline{background:#e98281;box-shadow:0 0 0 4px #e982811c}.nav-item{position:relative;width:100%;display:flex;gap:13px;align-items:center;background:transparent;color:#9fc2ba;padding:12px 13px;border-radius:9px;text-align:left;margin:3px 0;font-size:13px}.nav-item i{width:18px;font-style:normal;text-align:center;color:#87b9aa;font-size:17px}.nav-item.active,.nav-item:hover{background:#21594d;color:#fff}.nav-item.active i{color:#c9f06c}.nav-badge{margin-left:auto;background:#e9a54b;color:#fff;border-radius:9px;padding:1px 6px;font-size:10px}.sidebar-foot{margin-top:auto;border-top:1px solid #2a5a50;padding:17px 9px 0}.agent-state{display:flex;gap:8px;align-items:center;color:#b4d3cb;font-size:12px}.agent-state em{font-style:normal;color:#76a69b;margin-left:auto;font-size:11px}.help-link{margin-top:18px;background:transparent;color:#80a89f;padding:0;font-size:12px}.main{min-width:0;flex:1}.topbar{height:95px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 46px}.eyebrow,.section-kicker{display:block;color:#94a8a5;letter-spacing:.14em;font-size:10px;text-transform:uppercase;font-weight:700}.topbar h1{margin:4px 0 0;color:var(--ink);font-size:23px;font-weight:750}.top-actions{display:flex;align-items:center;gap:18px}.last-sync{color:#8ca09c;font-size:12px}.icon-btn{background:transparent;color:#819591;font-size:23px;padding:4px;border-radius:8px}.icon-btn:hover{background:#eff5f2;color:var(--green)}.avatar{display:grid;place-items:center;background:#d9efdb;color:#286247;width:34px;height:34px;border-radius:50%;font-weight:700}.avatar.small{width:30px;height:30px;font-size:12px}.content{padding:34px 46px 60px;max-width:1500px}.hero{display:flex;justify-content:space-between;align-items:center;background:#e6f4ee;border:1px solid #d7eae3;border-radius:14px;padding:27px 30px;margin-bottom:20px}.hero h2{margin:6px 0 3px;font-size:24px;color:#144c3e}.hero p{margin:0;color:#6f8881}.label,.muted{color:#7a938d;font-size:12px}.spark{color:#e4a142;margin-left:8px}.primary,.secondary,.ghost-btn,.text-btn{border-radius:8px;padding:10px 15px;font-weight:650}.primary{background:var(--green);color:#fff;box-shadow:0 5px 14px #17634f24}.primary:hover{background:#0f503f}.primary.small{padding:7px 12px}.secondary{background:#edf4f1;color:#276350}.secondary:hover{background:#deece7}.text-btn{background:transparent;color:#28715d;padding:6px 0}.text-btn:hover{color:#0d493c}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metric{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px;display:flex;gap:13px;align-items:flex-start;box-shadow:var(--shadow)}.metric-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;font-size:19px}.metric-icon.blue{background:#e9efff;color:#5572d9}.metric-icon.violet{background:#f0ebff;color:#8367d3}.metric-icon.amber{background:#fff2dd;color:#d2943c}.metric-icon.green{background:#e4f6ed;color:#3d9a72}.metric small,.metric em{display:block;color:#91a29f;font-style:normal;font-size:11px}.metric strong{display:block;color:var(--ink);font-size:24px;margin:4px 0}.metric strong b{font-weight:500;font-size:12px;color:#91a29f}.metric em.up{color:#459d72}.grid-two{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.panel h3{font-size:17px;margin:4px 0;color:var(--ink)}.health-row,.task-row{display:flex;align-items:center;gap:12px;border-top:1px solid #edf2f0;padding:14px 0}.health-name,.task-row>div{min-width:0;flex:1}.health-name strong,.task-row strong{display:block;font-size:13px}.health-name small,.task-row small,.node-cell small,.user-cell small{display:block;color:#99aaa7;font-size:11px;margin-top:3px}.protocol{border-radius:5px;padding:4px 7px;font-size:10px;font-weight:700}.protocol.anytls{background:#e9efff;color:#5572d9}.protocol.hysteria2{background:#fff0df;color:#b87928}.health-state{font-size:11px}.health-state.online{color:#3e9a72}.health-state.degraded{color:#c28130}.row-more{background:transparent;color:#9aacaa;font-size:18px}.task-type{display:grid;place-items:center;border-radius:8px;width:29px;height:29px;background:#e8f5ee;color:#3b956d;font-weight:700}.task-type.install{background:#eaf0ff;color:#5b73d7}.task-pill,.online-tag,.state-label{font-size:11px;border-radius:5px;padding:4px 7px;white-space:nowrap}.task-pill.succeeded{background:#e3f4e8;color:#398860}.task-pill.running{background:#fff1d9;color:#be7e25}.task-pill.failed{background:#fde6e4;color:#c15d59}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.filter-row{display:flex;gap:7px}.filter{background:transparent;border:1px solid var(--line);color:#75908a;padding:8px 12px;border-radius:7px;font-size:12px}.filter.active,.filter:hover{background:#e4f1ec;color:#23644f;border-color:#cce3d9}.filter b{margin-left:5px}.table-panel{padding:11px 15px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:800px}th{text-align:left;color:#8ca09d;font-weight:500;font-size:11px;padding:12px 10px;border-bottom:1px solid var(--line)}td{padding:15px 10px;border-bottom:1px solid #edf2f0;color:#284843;font-size:12px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}th:first-child,td:first-child{padding-left:12px}.node-cell,.user-cell{display:flex;align-items:center;gap:10px}.node-cell strong,.user-cell strong{font-size:13px}.subline{display:block;color:#9aaba8;font-size:10px;margin-top:3px}.pill-list{display:flex;flex-wrap:wrap;gap:4px;max-width:250px}.pill-list span{padding:4px 7px;border-radius:5px;background:#edf5f1;color:#55776d;font-size:10px}.state-label{display:inline-flex;align-items:center;gap:6px;background:#e4f5eb;color:#398961}.state-label.offline{background:#fde8e5;color:#c3625c}.state-label i,.online-tag i{width:6px;height:6px;background:currentColor;border-radius:50%}.ghost-btn{background:#f2f7f5;color:#3b7665;font-size:11px;padding:7px 10px}.ghost-btn:hover{background:#dcece6}.expiry.expired{color:#c15e58;background:#fde8e5;padding:4px 7px;border-radius:5px}.row-actions{display:flex;gap:5px}.icon-action{background:transparent;color:#6d9289;padding:5px;font-size:16px}.icon-action:hover{color:#17634f}.search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 11px;color:#78918b;width:260px}.search-box input{border:0;outline:0;padding:10px 0;width:100%;font-size:12px}.users-toolbar{justify-content:flex-start;gap:9px}.users-toolbar .search-box{margin-right:auto}.bulk-bar{background:#eaf5ef;border:1px solid #d4e9df;border-radius:9px;padding:9px 14px;margin:-5px 0 14px;display:flex;align-items:center;justify-content:space-between;color:#3f7364;font-size:12px}.bulk-bar[hidden]{display:none}.group-grid,.server-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:16px}.group-card,.server-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow)}.group-card.disabled{opacity:.65}.group-head,.server-card-top{display:flex;justify-content:space-between;align-items:center}.group-symbol,.server-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#e7f4ed;color:#3c956f;font-size:20px}.switch{width:35px;height:20px;padding:2px;background:#cad8d3;border-radius:12px}.switch i{display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:#4aa778}.switch.on i{transform:translateX(15px)}.group-card h3,.server-card h3{font-size:17px;margin:17px 0 4px}.group-card p{color:#8ca09d;margin:0 0 17px;font-size:12px}.group-count{display:flex;align-items:baseline;gap:5px;border-top:1px solid #edf2f0;padding:14px 0;color:#91a29f}.group-count strong{color:var(--ink);font-size:20px;margin-left:9px}.group-count strong:first-child{margin-left:0}.group-nodes{display:flex;flex-direction:column;gap:5px;min-height:45px}.group-nodes span{font-size:11px;color:#52786d;background:#f4f8f6;padding:5px 7px;border-radius:5px}.card-foot{border-top:1px solid #edf2f0;margin-top:17px;padding-top:13px;display:flex;justify-content:space-between;align-items:center;color:#98aaa5;font-size:10px}.online-tag{color:#398961;background:#e5f5eb}.server-card code{color:#76908a;font-size:11px}.server-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:22px;border-top:1px solid #edf2f0;padding-top:14px}.server-stats small{display:block;color:#94a5a2;font-size:10px}.server-stats strong{display:block;font-size:13px;margin-top:4px}.add-card{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:240px;border-style:dashed;color:#78928b;cursor:pointer}.add-card:hover{border-color:#7eb39e;background:#f4faf7}.add-circle{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e7f4ed;color:#3d9570;font-size:23px;margin-bottom:11px}.add-card small{margin-top:4px}.progress{display:flex;align-items:center;gap:8px;min-width:130px}.progress i{display:block;height:6px;border-radius:4px;background:#4da77b}.progress:before{content:"";display:block;position:absolute;width:92px;height:6px;border-radius:4px;background:#e5efeb}.progress i{position:relative;width:var(--width)}.progress span{font-size:10px;color:#7e9790}.task-id{margin-left:8px;font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#123b3478;display:grid;place-items:center;padding:20px;z-index:5}.modal{width:min(650px,100%);background:#fff;border-radius:16px;box-shadow:0 22px 80px #0c332c55;padding:25px}.modal.compact{width:min(540px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px}.modal h2{margin:5px 0 0;color:var(--ink);font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:flex;flex-direction:column;gap:6px;color:#59776e;font-size:12px}.form-grid label.span-2{grid-column:span 2}.form-grid input{border:1px solid #dce8e3;border-radius:7px;padding:10px;outline:0;color:var(--ink)}.form-grid input:focus{border-color:#69a98c;box-shadow:0 0 0 3px #69a98c1a}.form-section{margin-top:22px}.form-section h3{font-size:14px;margin:0}.form-section p,.modal-copy{color:#879c97;font-size:11px;margin:5px 0 13px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check-card{display:flex;align-items:flex-start;gap:9px;border:1px solid #e1ebe7;border-radius:8px;padding:10px;cursor:pointer}.check-card:has(input:checked){border-color:#69aa8d;background:#eff9f3}.check-card input{margin-top:3px;accent-color:#226c55}.check-card strong{display:block;font-size:12px;color:#315b4f}.check-card small{display:block;color:#90a39e;font-size:10px;margin-top:3px}.modal-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:22px}.modal-foot>div{display:flex;gap:8px}.toast{position:fixed;right:25px;bottom:25px;padding:12px 16px;background:#173f35;color:#fff;border-radius:8px;box-shadow:0 8px 25px #103b3440;z-index:10;font-size:12px}.toast.error{background:#a94e4b}@media(max-width:1000px){.sidebar{width:205px;flex-basis:205px}.content,.topbar{padding-left:25px;padding-right:25px}.metrics{grid-template-columns:repeat(2,1fr)}.group-grid,.server-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{width:62px;flex-basis:62px;padding:18px 8px}.brand{padding:0 5px 22px}.brand>div,.tenant span:not(.status-dot),.tenant b,.sidebar .nav-item:not(.active)::after,.nav-item{font-size:0}.tenant{padding:11px;justify-content:center}.nav-item{justify-content:center;padding:12px 4px}.nav-item i{font-size:18px}.sidebar-foot{padding:15px 0}.agent-state span:not(.status-dot),.agent-state em,.help-link{display:none}.topbar{height:83px;padding:0 18px}.topbar h1{font-size:19px}.last-sync{display:none}.content{padding:20px 15px 40px}.hero{display:block;padding:20px}.hero .primary{margin-top:16px}.metrics,.grid-two,.group-grid,.server-grid{grid-template-columns:1fr}.panel{padding:16px}.toolbar{align-items:flex-start;gap:10px;flex-wrap:wrap}.search-box{width:100%}.users-toolbar .search-box{margin-right:0}.check-grid,.form-grid{grid-template-columns:1fr}.form-grid label.span-2{grid-column:auto}.modal{padding:18px}.modal-foot{display:block}.modal-foot>div{justify-content:flex-end;margin-top:12px}}
.server-key-state{display:flex;flex-direction:column;gap:6px;border-top:1px solid #edf2f0;margin-top:14px;padding-top:12px}.server-key-state .task-pill,.server-key-state .online-tag,.server-key-state .state-label{align-self:flex-start}.server-key-state code{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.fingerprint-box{background:#f3f8f5;border:1px solid #d9e9e2;border-radius:10px;padding:15px;margin:13px 0}.fingerprint-box small{display:block;color:#7d9690;font-size:11px;margin-bottom:8px}.fingerprint-box code{display:block;color:#17312e;font-size:13px;word-break:break-all;line-height:1.6}.form-grid select{border:1px solid #dce8e3;border-radius:7px;padding:10px;outline:0;color:var(--ink);background:#fff}.form-grid select:focus{border-color:#69a98c;box-shadow:0 0 0 3px #69a98c1a}
.form-grid textarea{border:1px solid #dce8e3;border-radius:7px;padding:10px;outline:0;color:var(--ink);resize:vertical;min-height:92px}.form-grid textarea:focus{border-color:#69a98c;box-shadow:0 0 0 3px #69a98c1a}
.login-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#edf7f2,#f7faf9);padding:24px}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 20px 60px #174d3d18}.login-brand{padding:0 0 28px}.login-card h1{color:var(--ink);font-size:24px;margin:10px 0 7px}.login-card p{color:#7f9690;font-size:12px;margin:0 0 24px}.login-card label{display:flex;flex-direction:column;gap:7px;color:#52756a;font-size:12px;margin-top:14px}.login-card input{border:1px solid #dce8e3;border-radius:8px;padding:11px;outline:0;color:var(--ink)}.login-card input:focus{border-color:#69a98c;box-shadow:0 0 0 3px #69a98c1a}.login-submit{width:100%;margin-top:24px}.login-error{margin-top:14px;padding:9px 11px;border-radius:7px;background:#fde8e5;color:#ad5955;font-size:12px}
.login-brand strong{color:var(--ink)}.login-submit:disabled{cursor:wait;opacity:.65}.logout-button{white-space:nowrap;font-size:12px;padding:8px 11px}@media(max-width:700px){.top-actions{gap:10px}.logout-button{padding:7px 8px}}
.modal{max-height:calc(100dvh - 40px);overflow:auto}.modal-head .icon-btn{flex:0 0 34px;margin-left:auto;line-height:1;width:34px;height:34px}.modal[role=dialog] .modal-head{position:sticky;top:-25px;background:#fff;z-index:1;padding-top:4px}.editor-modal{width:min(760px,100%)}.member-toolbar{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.member-toolbar>input{border:1px solid #dce8e3;border-radius:7px;padding:10px;outline:0;color:var(--ink);width:100%}.member-toolbar>div{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.member-toolbar span{color:#52766a;font-size:12px;margin-right:auto}.member-toolbar .text-btn{font-size:12px}.member-list{max-height:330px;overflow:auto;padding:2px}.check-card[hidden]{display:none}.check-card span{min-width:0}.check-card strong,.check-card small{overflow-wrap:anywhere}.check-card.retired-member{background:#f6f7f6;border-style:dashed}.member-warning{color:#b47d39!important}.auto-group-badge,.automatic-membership{display:block;background:#edf6f0;border:1px solid #dbebe1;border-radius:7px;padding:8px 10px;color:#397460;font-size:11px}.node-config-summary{background:#f5f9f7;border:1px solid #e1eae6;border-radius:9px;padding:14px;margin:16px 0;display:grid;gap:10px}.node-config-summary small{display:block;color:#8a9f96;font-size:10px;margin-bottom:3px}.node-config-summary strong{font-size:12px;overflow-wrap:anywhere}.empty-state{text-align:center;color:#879f96;padding:25px;font-size:12px}.state-label.degraded,.state-label.pending{background:#fff1d9;color:#be7e25}.state-label.retired{background:#edf0ee;color:#80908b}.status-dot.retired,.status-dot.pending{background:#a3b4ae;box-shadow:none}button:disabled{cursor:wait;opacity:.6}.modal-foot>.muted{max-width:60%;line-height:1.6}.form-grid textarea,.form-grid input,.form-grid select{min-width:0;width:100%}.group-card.disabled .text-btn,.group-card.disabled .switch{opacity:1}@media(max-width:700px){.modal[role=dialog] .modal-head{top:-18px}.member-list{max-height:300px}.modal-foot>.muted{display:block;max-width:none}.member-toolbar>div{gap:10px}.row-actions{flex-wrap:wrap}}
.task-filters{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 20px}.task-filter-control,.task-search{display:flex;flex-direction:column;gap:6px;color:#708d81;font-size:11px}.task-filter-control select,.task-search input{font:inherit;font-size:12px;color:var(--ink);background:#fff;border:1px solid #dce8e3;border-radius:7px;padding:9px 11px;outline:0;min-height:37px}.task-filter-control select:focus,.task-search input:focus{border-color:#69a98c;box-shadow:0 0 0 3px #69a98c1a}.task-search{flex:1;min-width:180px}.task-results-meta{display:flex;justify-content:space-between;gap:10px;color:#8ca09a;font-size:11px;margin:0 0 13px}.task-list-heading,.task-item{display:grid;grid-template-columns:minmax(200px,1fr) 76px 115px 100px 115px;align-items:center;gap:16px}.task-list-heading{color:#8ea39a;font-size:11px;padding:10px 0;border-bottom:1px solid var(--line)}.task-item{padding:17px 0;border-bottom:1px solid #edf2f0}.task-item:last-child{border-bottom:0}.task-summary{min-width:0}.task-summary strong{display:block;font-size:13px;overflow-wrap:anywhere}.task-reference{color:#99aca3;font-size:10px;margin-top:4px}.task-message{color:#718b7f;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0 0}.task-completion{display:flex;gap:9px;align-items:center;color:#829b8e;font-size:11px}.task-progress-track{height:6px;flex:1;background:#e5efeb;border-radius:5px;overflow:hidden}.task-progress-track span{display:block;height:100%;background:#4da77b;border-radius:5px}.task-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.task-actions .text-btn{font-size:11px}.task-updated{color:#829a8f;font-size:11px}.task-pill.queued{background:#edf0fb;color:#6178bb}.task-pill.cancelled,.task-pill.unknown{background:#edf1ef;color:#7f948b}.task-detail-modal{width:min(750px,100%)}.task-detail-state{display:flex;gap:14px;align-items:center;color:#81998b;font-size:12px}.task-detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.task-detail-facts dt{font-size:11px;color:#92a59b;margin-bottom:5px}.task-detail-facts dd{font-size:12px;color:#395f4f;overflow-wrap:anywhere;margin:0}.task-detail-log{background:#f4f8f5;border:1px solid #e0ebe3;border-radius:8px;padding:13px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;color:#527565;font-size:11px;line-height:1.7}.task-detail-message{white-space:pre-wrap;overflow-wrap:anywhere}.task-empty{padding:40px 10px}@media(max-width:1100px){.task-list-heading,.task-item{grid-template-columns:minmax(180px,1fr) 68px 90px 85px 92px;gap:10px}.task-actions{gap:7px}}@media(max-width:800px){.task-list-heading{display:none}.task-item{grid-template-columns:1fr 1fr;gap:12px}.task-summary{grid-column:1/-1}.task-state{grid-column:1}.task-completion{grid-column:2}.task-actions{justify-content:flex-end}.task-message{white-space:normal}.task-detail-facts{grid-template-columns:1fr}.task-results-meta{flex-wrap:wrap}}
.node-pool-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.permission-panel{margin-bottom:20px;padding:21px 23px}.permission-panel .panel-head{gap:20px;margin-bottom:14px}.permission-panel h3{font-size:16px}.permission-panel .modal-copy{line-height:1.7;margin-bottom:0;font-size:11px}.permission-actions{display:flex;align-items:center;gap:15px;flex-shrink:0}.permission-actions button{font-size:11px;white-space:nowrap}.permission-progress{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:#52766a}.permission-progress strong{color:#244d3f}.permission-progress>span{margin-left:auto;color:#7e978c;font-size:11px}.permission-progress>b{font-weight:600;width:35px;text-align:right}.permission-progress-track{flex:1;min-width:120px;background:#e5efeb;height:7px;border-radius:5px;overflow:hidden}.permission-progress-track>i{display:block;height:100%;background:#4da77b;border-radius:5px}.permission-counts{display:flex;gap:15px;flex-wrap:wrap;margin:15px 0;font-size:11px;color:#879c93}.permission-counts b{font-size:12px;margin-left:4px}.permission-counts .confirmed{color:#398960}.permission-counts .failed{color:#bd6458}.permission-counts .waiting{color:#a77f46}.permission-counts .running{color:#5a83b5}.permission-wait-note,.permission-refresh-error{padding:10px 12px;margin:12px 0;border-radius:7px;font-size:11px;line-height:1.7;background:#fff5e6;color:#a98248}.permission-refresh-error{background:#fde9e5;color:#b66a60}.permission-node{display:flex;gap:16px;align-items:center;padding:12px 0;border-top:1px solid #edf2f0}.permission-node>div{flex:1;min-width:0}.permission-node strong{font-size:12px;color:#345c4e;display:block}.permission-node small{font-size:10px;line-height:1.6;color:#8aa296;display:block;margin-top:4px;overflow-wrap:anywhere}.permission-node .permission-error-code{color:#ba7368}.permission-state{white-space:nowrap;font-size:11px;padding:4px 8px;border-radius:5px;min-width:58px;text-align:center}.permission-state.waiting{background:#fff1da;color:#b0813c}.permission-state.running{background:#edf3ff;color:#5c84b5}.permission-state.confirmed{background:#e5f5ea;color:#398960}.permission-state.failed{background:#fde7e3;color:#b76e62}.permission-node>.text-btn{font-size:11px;white-space:nowrap}.permission-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf2f0;padding-top:11px;margin-top:3px;color:#9daf9f;font-size:10px}.permission-foot button{font-size:11px}@media(max-width:900px){.permission-panel .panel-head{flex-wrap:wrap;gap:12px}.permission-progress-track{flex-basis:calc(100% - 50px)}.permission-progress>span{margin-left:0}.permission-progress>b{margin-left:auto}.node-pool-actions{justify-content:flex-end}}@media(max-width:700px){.permission-panel{padding:16px}.permission-node{gap:10px}.permission-node>.text-btn{font-size:10px}.permission-progress{gap:9px}.permission-counts{gap:11px}.node-pool-actions{justify-content:flex-start}.permission-actions{width:100%;justify-content:flex-end}}
.confirmation-backdrop{z-index:20;background:#103a3375}.confirmation-modal{box-shadow:0 30px 100px #0c332c66}.confirmation-target{background:#f2f8f5;border:1px solid #dcebe2;border-radius:9px;padding:14px}.confirmation-target small{display:block;color:#8b9f94;font-size:11px;margin-bottom:5px}.confirmation-target strong{color:#315846;font-size:14px;overflow-wrap:anywhere}.confirmation-impact{font-size:12px;line-height:1.9;color:#6e897b;margin:17px 0}.confirmation-error{padding:10px 12px;background:#fde8e4;color:#b3665d;border-radius:7px;font-size:12px;line-height:1.6}.confirmation-error[hidden]{display:none}
/* 后台增量规则沿用现有表单布局。 */
.form-grid textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;border:1px solid #d7e5df;border-radius:10px;padding:12px;font:inherit;line-height:1.6;background:#fff;color:#173d35}.table-wrap{overflow-x:auto}.table-wrap input{max-width:100%;min-width:160px}.panel details summary{cursor:pointer;font-weight:700;color:#17584b}.panel details[open] summary{margin-bottom:16px}

.user-traffic{display:flex;flex-direction:column;gap:4px;min-width:190px}.user-traffic .subline{display:block;margin-top:0;line-height:1.5}.quota-input{display:flex;gap:8px}.quota-input input{flex:1;min-width:0}.quota-input select{flex:0 0 80px}

.traffic-progress{height:6px;border-radius:8px;background:#e4efea;overflow:hidden;width:180px}.traffic-progress{appearance:none;-webkit-appearance:none;border:0;display:block}.traffic-progress::-webkit-progress-bar{background:#e4efea;border-radius:8px}.traffic-progress::-webkit-progress-value{background:#3b9870;border-radius:8px}.traffic-progress::-moz-progress-bar{background:#3b9870;border-radius:8px}.traffic-progress.unknown{background:repeating-linear-gradient(90deg,#e4efea 0 10px,#c9ddd3 10px 20px)}

.group-tabs{margin-bottom:22px;flex-wrap:wrap}.group-tabs button[aria-selected="true"]{font-weight:700}

.group-tabs{display:flex;align-items:flex-end;gap:8px;padding:0 4px;border-bottom:1px solid #d7e5df;margin-bottom:22px}.group-tabs button{appearance:none;border:0;border-bottom:3px solid transparent;background:transparent;color:#789389;padding:13px 18px 12px;border-radius:9px 9px 0 0;font:inherit;font-size:14px;cursor:pointer;min-height:48px;transition:background .15s,color .15s}.group-tabs button:hover{background:#edf5f0;color:#1b6553}.group-tabs button[aria-selected="true"]{background:#e5f2ea;color:#155b48;border-bottom-color:#1b7157;font-weight:700}.group-tabs button b{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:21px;padding:0 5px;margin-left:7px;border-radius:6px;background:#e7eee9;color:#6e877a;font-size:11px;font-weight:600}.group-tabs button[aria-selected="true"] b{background:#cde8d6;color:#155b48}.group-tabs button:focus-visible{outline:2px solid #3f9878;outline-offset:3px}

.proxy-toolbar{flex-wrap:wrap}.proxy-toolbar .search-box{min-width:220px;flex:1}.proxy-toolbar select,.proxy-editor select{border:1px solid #dce8e3;border-radius:7px;padding:10px;background:#fff;color:var(--ink)}.proxy-password{display:flex;gap:8px}.proxy-password input{flex:1;min-width:0}.proxy-clear{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted)}.proxy-clear input{width:auto}.expiry-shortcuts{display:flex;gap:6px;flex-wrap:wrap}.proxy-editor .form-grid>label{gap:6px}

progress.task-progress-track{appearance:none;border:0;overflow:hidden;color:#37886b;background:#e3eee8}progress.task-progress-track::-webkit-progress-bar{background:#e3eee8;border-radius:8px}progress.task-progress-track::-webkit-progress-value{background:#37886b;border-radius:8px}progress.task-progress-track::-moz-progress-bar{background:#37886b;border-radius:8px}

.onboarding-steps{padding-left:24px;line-height:1.8}.onboarding-steps li{margin-bottom:16px}.launcher-downloads{display:flex;gap:10px;flex-wrap:wrap}.launcher-downloads a{text-decoration:none;font-size:13px}.launcher-command{padding:14px;background:#f3f7f5;border:1px solid #dce8e1;border-radius:10px;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.state-label.pending{background:#fff3d9;color:#976113}

.dns-settings{max-width:920px;padding:28px}.dns-settings .form-grid{margin:24px 0}.dns-settings .toolbar{justify-content:flex-end;margin-top:20px}.dns-result{padding:12px 16px;color:#185b48;background:#eaf6ee;border-radius:8px}.dns-server-state{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.server-card code{overflow-wrap:anywhere}

@media(max-width:1100px){.node-table{table-layout:fixed;min-width:0;width:100%}.node-table th,.node-table td{padding:8px}.node-table th:nth-child(1){width:26%}.node-table th:nth-child(2){width:13%}.node-table th:nth-child(3){width:16%}.node-table th:nth-child(4){width:9%}.node-table th:nth-child(5){width:9%}.node-table th:nth-child(6){width:27%}.node-table .node-cell{min-width:0;gap:7px}.node-table .node-cell>div{min-width:0}.node-table .node-cell>.status-dot{flex-shrink:0}.node-table strong,.node-table small,.node-table .pill-list span{overflow-wrap:anywhere}.node-table .pill-list{max-width:100%}.node-table .state-label{max-width:100%;white-space:normal;gap:3px;padding:4px 5px}.node-table .row-actions{flex-wrap:wrap;gap:4px;align-items:center}.node-table .row-actions button{max-width:100%;white-space:normal;padding:6px 8px}}

.users-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 3px;font-size:12px}.users-pagination label,.user-page-actions{display:flex;align-items:center;gap:8px}.users-pagination select{border:1px solid var(--line);border-radius:7px;padding:6px 8px;background:#fff;color:var(--ink);font:inherit}.user-page-actions>span{white-space:nowrap}.user-page-actions button:disabled{opacity:.45;cursor:default}#bulk-bar .text-btn{margin-left:8px}
@media(max-width:1100px){.user-table{table-layout:fixed;min-width:0;width:100%}.user-table th,.user-table td{padding:8px}.user-table th:nth-child(1){width:6%}.user-table th:nth-child(2){width:20%}.user-table th:nth-child(3){width:16%}.user-table th:nth-child(4){width:6%}.user-table th:nth-child(5){width:11%}.user-table th:nth-child(6){width:20%}.user-table th:nth-child(7){width:10%}.user-table th:nth-child(8){width:11%}.user-table .user-cell{min-width:0;gap:6px}.user-table .user-cell>div{min-width:0}.user-table .avatar{flex-shrink:0}.user-table .user-traffic{min-width:0}.user-table .traffic-progress{width:100%;max-width:100%}.user-table strong,.user-table small,.user-table .pill-list span{overflow-wrap:anywhere}.user-table .row-actions{flex-wrap:wrap;gap:2px}.user-table .state-label{white-space:normal;padding:4px 5px;gap:3px;max-width:100%}}
.node-server-tabs{display:flex;max-width:100%;overflow-x:auto;white-space:nowrap;margin-bottom:16px}.node-server-tabs button{flex-shrink:0}.node-server-section{margin-top:16px}.node-server-section .panel-head{gap:12px;flex-wrap:wrap}.node-server-count{border-radius:8px;background:#e6f2eb;color:#18604d;padding:6px 10px;font-size:12px;white-space:nowrap}.node-protocol-filter{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.node-protocol-filter select{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit}.node-server-name{color:var(--muted)}
.sidebar{position:sticky;top:0;align-self:flex-start;height:100vh;height:100dvh;overflow:hidden}.sidebar>.brand,.sidebar>.tenant,.sidebar>.sidebar-foot{flex-shrink:0}.sidebar>nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#397367 transparent}.sidebar>.sidebar-foot{margin-top:12px}
.launcher-command-block{margin:12px 0;border:1px solid #dce8e1;border-radius:10px;overflow:hidden;background:#f3f7f5}.launcher-command-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid #dce8e1;font-size:12px;color:#52766a}.launcher-command-head .secondary{padding:6px 12px;font-size:12px;white-space:nowrap}.launcher-command-block .launcher-command{margin:0;border:0;border-radius:0}

.form-grid [hidden]{display:none!important}

.form-grid .field-error{color:#b83d36;font-size:12px;line-height:1.5}.node-table .subline{overflow-wrap:anywhere}