:root{color-scheme:light;--ink:#17212b;--muted:#66727f;--line:#d8e0e7;--paper:#fff;--bg:#f3f6f8;--navy:#15202b;--green:#087f5b;--green-soft:#e6fcf5;--red:#c92a2a;--red-soft:#fff0f0;--amber:#a15c00;--amber-soft:#fff8e6;--blue:#1864ab}
*{box-sizing:border-box;letter-spacing:0}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}.topbar{min-height:72px;padding:12px max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--navy);color:#fff;border-bottom:3px solid var(--green)}.brand,.connection,.node-head,.node-head>div,.section-heading{display:flex;align-items:center}.brand{gap:12px}.brand img{width:42px;height:42px;object-fit:contain}.brand h1{margin:0;font-size:19px}.brand p,.connection small{margin:1px 0 0;color:#bcc7d1;font-size:12px}.connection{gap:10px;text-align:right}.connection>div{display:flex;flex-direction:column}.dot,.node-online-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#8b98a5}.dot.online,.node-online-dot.online{background:#20c997;box-shadow:0 0 0 4px rgba(32,201,151,.18)}main{max-width:1180px;margin:0 auto;padding:20px 20px 48px}.status-band{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden}.status-band>div{min-width:0;padding:17px 18px;background:var(--paper)}.status-band h2,.control-band h2,.nodes-section h2{margin:2px 0;font-size:18px}.status-band p{margin:3px 0;color:var(--muted);overflow-wrap:anywhere}.region-status,.gateway-status{display:flex;flex-direction:column;justify-content:center}.region-status strong,.gateway-status strong{font-size:17px}.region-status>span:last-child,.gateway-status>span:last-child{color:var(--muted);font-size:13px}.eyebrow{display:block;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.alert-band{margin-top:12px;padding:12px 16px;display:flex;gap:12px;align-items:center;background:var(--red-soft);border:1px solid #ffc9c9;border-left:4px solid var(--red)}.alert-band.hidden{display:none}.alert-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;font-weight:800}.alert-band p{margin:1px 0;color:#7d2020}.control-band,.nodes-section{margin-top:18px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{justify-content:space-between;gap:16px;margin-bottom:14px}.section-heading>span,.command-result{color:var(--muted);font-size:13px}.mode-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:620px}.mode-button,.global-actions button,.restore-node{min-height:40px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);font-weight:700;cursor:pointer}.mode-button.active{background:var(--green);border-color:var(--green);color:#fff}.mode-button:disabled,.global-actions button:disabled,.restore-node:disabled{cursor:not-allowed;opacity:.48}.global-actions{display:flex;gap:8px;margin-top:10px}.global-actions button{padding:0 16px}.global-actions .danger{color:var(--red);border-color:#ffc9c9}.node-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.node-card{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:16px}.node-head{justify-content:space-between;gap:10px}.node-head>div{gap:8px}.node-head h3{margin:0;font-size:16px}.source-badge{padding:3px 7px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:11px}.source-badge.override{color:var(--amber);border-color:#ffd8a8;background:var(--amber-soft)}.presence-row{margin:15px 0 12px}.presence-row>div:first-child{display:flex;align-items:baseline;justify-content:space-between}.presence-row span{color:var(--muted)}.presence-value{font-size:28px;color:var(--green);font-variant-numeric:tabular-nums}.presence-meter{height:7px;margin-top:5px;background:#e9eef2;border-radius:4px;overflow:hidden}.presence-meter span{display:block;width:0;height:100%;background:var(--green);transition:width .2s}.metrics{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.metrics div{padding:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics dt{color:var(--muted);font-size:11px}.metrics dd{margin:2px 0 0;font-weight:700;font-variant-numeric:tabular-nums}.node-control{margin-top:13px}.presence-range{width:100%;accent-color:var(--green)}.node-control>div{display:grid;grid-template-columns:1fr 84px;gap:7px;margin-top:5px}.presence-input{width:100%;min-width:0;height:38px;padding:0 9px;border:1px solid var(--line);border-radius:4px;font:inherit}.restore-node{min-height:38px}.diagnostics-band{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;background:var(--navy);color:#fff;border-radius:6px;overflow:hidden}.diagnostics-band span{padding:14px 16px;border-right:1px solid #33414e}.diagnostics-band span:last-child{border-right:0}.diagnostics-band b{display:block;color:#aebbc7;font-size:11px}.diagnostics-band strong{font-size:18px}.command-result.ok{color:var(--green)}.command-result.error{color:var(--red)}
@media(max-width:820px){.status-band{grid-template-columns:1fr 1fr}.status-band>div:first-child{grid-column:1/-1}.node-grid{grid-template-columns:1fr}.diagnostics-band{grid-template-columns:1fr 1fr}.diagnostics-band span:nth-child(2){border-right:0}.topbar{align-items:flex-start}.connection strong{font-size:13px}.mode-control{grid-template-columns:1fr}.global-actions{display:grid;grid-template-columns:1fr 1fr}.node-card{padding:14px}}
@media(max-width:480px){main{padding:14px 12px 36px}.topbar{padding:11px 12px}.brand img{width:36px;height:36px}.brand h1{font-size:16px}.brand p{display:none}.connection small{max-width:120px}.status-band{grid-template-columns:1fr}.status-band>div:first-child{grid-column:auto}.section-heading{align-items:flex-start;flex-direction:column;gap:3px}.global-actions,.diagnostics-band{grid-template-columns:1fr}.diagnostics-band span{border-right:0;border-bottom:1px solid #33414e}.mode-button{min-height:44px}}