:root{color-scheme:dark;--bg:#07111f;--sidebar:#06101d;--panel:#0d1b2d;--panel2:#102238;--border:#203650;--text:#f4f8ff;--muted:#8da4bf;--blue:#3b82f6;--blue2:#2563eb;--green:#4ade80;--amber:#fbbf24;--red:#fb7185;--shadow:0 18px 45px rgba(0,0,0,.24)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Segoe UI","Microsoft YaHei UI",sans-serif;background:var(--bg);color:var(--text)}button,input{font:inherit}.hidden{display:none!important}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);border-right:1px solid #172b42;display:flex;flex-direction:column}.brand{height:78px;display:flex;align-items:center;gap:11px;padding:0 24px;border-bottom:1px solid #172b42;font-weight:700}.brand-mark{width:46px;height:46px;border-radius:14px;background:var(--blue);display:grid;place-items:center;font-size:24px;font-weight:800;box-shadow:0 10px 28px rgba(59,130,246,.28)}.brand-mark.small{width:34px;height:34px;border-radius:10px;font-size:18px}nav{padding:18px 12px;display:grid;gap:8px}.nav-item{border:0;background:transparent;color:#9cb1c8;text-align:left;padding:13px 14px;border-radius:9px;cursor:pointer;display:flex;gap:13px;align-items:center}.nav-item span{font-size:19px}.nav-item:hover,.nav-item.active{background:#102d53;color:#69a8ff}.sidebar-bottom{margin-top:auto;border-top:1px solid #172b42;padding:18px;display:flex;align-items:center;justify-content:space-between}.admin-user{display:flex;align-items:center;gap:10px}.admin-user div{display:grid}.admin-user small{color:var(--muted);font-size:11px}.avatar{width:34px;height:34px;border-radius:50%;background:#31455e;display:grid;place-items:center}.text-button{border:0;background:transparent;color:#91a8c1;cursor:pointer}.main{padding:0 24px 28px;min-width:0}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #172b42;margin-bottom:20px}.topbar h1{font-size:25px;margin:0 0 5px}.topbar p,.panel-head p{margin:0;color:var(--muted);font-size:13px}.top-actions{display:flex;gap:10px;align-items:center}.refresh-time{font-size:12px;color:var(--muted)}.button{border:1px solid transparent;border-radius:8px;padding:10px 16px;color:white;cursor:pointer;transition:.18s;background:#16283d}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button.primary{background:var(--blue);border-color:#4e92ff}.button.primary:hover{background:var(--blue2)}.button.secondary{border-color:#2a4260;background:#112239}.button.compact{padding:8px 12px;font-size:13px}.button.full{width:100%}.metrics{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-bottom:16px}.metric-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:19px;display:flex;gap:15px;align-items:center}.metric-card div{display:grid;gap:3px}.metric-card small{color:#b4c5d8}.metric-card strong{font-size:28px}.metric-card div span{font-size:12px;color:var(--muted)}.metric-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:20px}.metric-icon.blue{background:#153d73;color:#62a2ff}.metric-icon.cyan{background:#123d4c;color:#57d0e3}.metric-icon.amber{background:#4a3715;color:var(--amber)}.metric-icon.violet{background:#352b5d;color:#b99cff}.content-grid{display:grid;grid-template-columns:minmax(620px,1.8fr) minmax(310px,.8fr);gap:16px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.panel-head{min-height:70px;padding:17px 19px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:14px}.panel-head h2{font-size:17px;margin:0 0 5px}.panel-tools{display:flex;gap:8px;align-items:center}.search{height:36px;background:#091728;border:1px solid #29425f;border-radius:7px;color:var(--text);padding:0 11px;outline:none;min-width:210px}.search:focus{border-color:var(--blue)}.table-wrap{min-height:445px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#91a8c0;font-weight:500;padding:13px 10px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:13px 10px;border-bottom:1px solid rgba(32,54,80,.72);color:#dbe7f5;white-space:nowrap}th:first-child,td:first-child{padding-left:18px;width:40px}tbody tr:hover{background:#10233a}.device-title{display:grid;gap:3px}.device-title small{color:#7790aa;font-size:11px}.status{display:inline-flex;align-items:center;gap:7px}.dot{width:8px;height:8px;border-radius:50%;background:#64748b}.dot.online{background:var(--green);box-shadow:0 0 0 4px rgba(74,222,128,.09)}.version-link{color:#63a4ff}.rename-button{border:0;background:transparent;color:#7690aa;cursor:pointer;font-size:18px}.empty{min-height:360px;display:grid;place-content:center;text-align:center;color:var(--muted)}.empty-icon{font-size:35px;color:#46617e}.empty h3{color:#c9d7e6;margin:12px 0 5px}.empty p{margin:0;max-width:330px}.small-empty{min-height:330px}.panel-footer{height:50px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 18px;color:var(--muted);font-size:12px}.release-list{display:grid}.release-item{padding:15px 17px;border-bottom:1px solid var(--border);display:grid;gap:10px}.release-top,.release-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.release-version{font-size:17px;font-weight:700}.pill{font-size:11px;padding:3px 7px;border-radius:5px;border:1px solid #2e5ea1;color:#75acff}.pill.beta{border-color:#7c5c12;color:#f5ba3a}.pill.published{border-color:#237b4b;color:#64d894}.pill.draft{border-color:#725c25;color:#e3bd58}.release-meta{color:var(--muted);font-size:12px;display:flex;gap:9px}.link-button{border:0;background:transparent;color:#65a4ff;cursor:pointer;padding:3px}.privacy-note{margin-top:16px;border:1px solid #1d4670;background:#0b2948;border-radius:10px;padding:13px 16px;color:#acd2ff;display:flex;gap:14px;font-size:13px}.privacy-note strong{white-space:nowrap}.drawer-backdrop{position:fixed;inset:0;background:rgba(2,7,14,.62);z-index:20}.drawer{position:fixed;z-index:21;right:0;top:0;width:min(430px,100vw);height:100vh;background:#0b192a;border-left:1px solid #29425f;transform:translateX(101%);transition:transform .22s ease;display:flex;flex-direction:column;box-shadow:-24px 0 60px rgba(0,0,0,.32)}.drawer.open{transform:none}.drawer-head{padding:22px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.drawer-head h2{margin:0 0 6px}.drawer-head p{margin:0;color:var(--muted)}.icon-button{border:0;background:transparent;color:#aac0d7;font-size:28px;cursor:pointer}.drawer-body{padding:20px;overflow:auto;flex:1}.mode-picker{border:0;padding:0;margin:0 0 22px}.mode-picker legend{color:#95abc3;font-size:13px;margin-bottom:8px}.mode-picker label{display:flex;gap:10px;padding:12px 0}.mode-picker label span{display:grid;gap:4px}.mode-picker small{color:var(--muted)}input[type=checkbox],input[type=radio]{accent-color:var(--blue);width:16px;height:16px}.target-picker{border:1px solid var(--border);border-radius:9px;overflow:hidden}.target-picker.disabled{opacity:.45;pointer-events:none}.target-toolbar{padding:11px;display:grid;gap:8px;border-bottom:1px solid var(--border)}.target-toolbar .search{min-width:0;width:100%}.target-toolbar span{font-size:12px;color:var(--muted)}.check-all{padding:10px 12px;display:flex;gap:8px;border-bottom:1px solid var(--border);font-size:13px}.target-device-list{max-height:370px;overflow:auto}.target-device{padding:10px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(32,54,80,.66)}.target-device div{display:grid;gap:2px}.target-device small{color:var(--muted)}.target-device .state{margin-left:auto}.drawer-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.login-view{min-height:100vh;display:grid;place-items:center;padding:20px;background:#07111f}.login-card{width:min(410px,100%);background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:34px;box-shadow:var(--shadow)}.login-card .brand-mark{margin-bottom:22px}.login-card h1{margin:0 0 8px}.login-card p{color:var(--muted);line-height:1.65;margin:0 0 23px}.login-card label{display:grid;gap:8px;color:#b9cadb;margin-bottom:17px}.login-card input{height:42px;background:#091728;border:1px solid #29425f;border-radius:7px;color:white;padding:0 12px}.form-error{color:#fb8ba0;min-height:20px;margin-top:12px;font-size:13px}.toast{position:fixed;z-index:40;bottom:24px;left:50%;transform:translateX(-50%);background:#162a42;border:1px solid #365575;border-radius:8px;padding:11px 16px;box-shadow:var(--shadow)}dialog{border:1px solid var(--border);border-radius:12px;background:#0d1b2d;color:white;width:min(480px,90vw);padding:28px;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(2,7,14,.72)}dialog h2{margin-top:0}dialog p{color:#aebfd0;line-height:1.7}dialog code{display:block;background:#071321;border:1px solid #243d5a;padding:12px;border-radius:7px;margin:16px 0 22px}.dialog-close{position:absolute;right:14px;top:9px}
@media(max-width:1100px){.content-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.releases-panel{min-height:300px}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:0 12px 20px}.topbar{height:auto;padding:18px 0;align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.refresh-time{display:none}.metrics{grid-template-columns:1fr 1fr}.content-grid{display:block}.releases-panel{margin-top:14px}.panel-head{align-items:flex-start;flex-direction:column}.panel-tools{width:100%}.search{min-width:0;flex:1}.privacy-note{align-items:flex-start;flex-direction:column}.metric-card{padding:14px}}
.qr-login-card{width:min(440px,100%)}.qr-frame{position:relative;width:min(292px,100%);aspect-ratio:1;margin:4px auto 18px;padding:12px;border-radius:16px;background:#fff;box-shadow:0 14px 36px rgba(0,0,0,.28);overflow:hidden}.qr-frame img{display:block;width:100%;height:100%;object-fit:contain}.qr-loading{position:absolute;inset:12px;display:grid;place-content:center;justify-items:center;gap:13px;text-align:center;color:#36506d;background:#f7fbff}.spinner{width:30px;height:30px;border:3px solid #d9e6f5;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}.qr-status{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 13px;margin-bottom:13px;border:1px solid #274563;border-radius:9px;background:#091728;color:#b9cbe0;font-size:13px}.qr-status strong{color:#77adff;font-variant-numeric:tabular-nums}.login-security{display:block;text-align:center;color:#6f87a2;margin-top:14px}@keyframes spin{to{transform:rotate(360deg)}}

/* Downstream message management */
select,textarea{font:inherit}.button.message-button{border-color:#7c5c12;background:#3d2d10;color:#ffd978}.button.message-button:hover{background:#503a11}.messages-panel{margin-top:16px}.message-list{display:grid}.message-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:18px 20px;border-bottom:1px solid var(--border)}.message-main{min-width:0;display:grid;gap:8px}.message-title-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.message-title-row h3{font-size:15px;margin:0}.message-kind{display:inline-flex;border:1px solid #315c8f;border-radius:5px;padding:2px 7px;color:#7bb3ff;font-size:11px}.message-kind.promotion{border-color:#795b19;color:#f8cb56}.message-kind.notice{border-color:#35694c;color:#69d99a}.message-content{color:#c8d7e7;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.message-meta{display:flex;gap:13px;flex-wrap:wrap;color:var(--muted);font-size:12px}.message-meta .stopped{color:#fb91a3}.message-actions{display:flex;align-items:center;gap:10px}.message-link{color:#70acff;font-size:13px;text-decoration:none}.message-dialog{width:min(650px,94vw);max-height:92vh;overflow:auto}.message-dialog h2{margin-bottom:7px}.message-dialog-intro{margin:0 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field{display:grid;gap:7px;color:#b9cadb;font-size:13px}.form-field.full{grid-column:1/-1}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #29425f;border-radius:7px;background:#091728;color:var(--text);outline:none;padding:10px 11px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--blue)}.form-field textarea{min-height:110px;resize:vertical;line-height:1.55}.field-counter{text-align:right;color:var(--muted);font-size:11px;margin-top:-4px}.message-targets{border:1px solid var(--border);border-radius:9px;padding:12px 14px;display:grid;gap:8px}.message-targets legend{padding:0 6px;color:#b9cadb;font-size:13px}.message-targets label{display:flex;align-items:flex-start;gap:9px;color:#d3e0ee;font-size:13px}.message-targets small{display:block;color:var(--muted);margin-left:25px}.message-safe-note{margin-top:14px;border:1px solid #1d4670;background:#0b2948;border-radius:8px;padding:11px 13px;color:#acd2ff;font-size:12px;line-height:1.55}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.messages-panel .small-empty{min-height:180px}
@media(max-width:760px){.message-button{order:3;width:100%}.messages-panel{margin-top:14px}.message-item{grid-template-columns:1fr;padding:16px}.message-actions{justify-content:flex-start}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.message-dialog{padding:22px 17px}.dialog-actions .button{flex:1}.message-meta{display:grid;gap:5px}}
.message-copy{min-width:0;display:grid;gap:8px}.message-copy h3{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:15px;margin:0}.message-copy p{margin:0;color:#c8d7e7;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.message-stopped{color:#fb91a3;font-size:12px}.message-dialog form>label,.message-dialog .form-grid label{display:grid;gap:7px;color:#b9cadb;font-size:13px;margin-bottom:14px}.message-dialog input,.message-dialog select,.message-dialog textarea{width:100%;border:1px solid #29425f;border-radius:7px;background:#091728;color:var(--text);outline:none;padding:10px 11px}.message-dialog input:focus,.message-dialog select:focus,.message-dialog textarea:focus{border-color:var(--blue)}.message-dialog textarea{min-height:110px;resize:vertical;line-height:1.55}.safe-note{margin-top:14px;border:1px solid #1d4670;background:#0b2948;border-radius:8px;padding:11px 13px;color:#acd2ff;font-size:12px;line-height:1.55}
@media(max-width:760px){.topbar{flex-direction:column;gap:14px}.top-actions{width:100%;justify-content:flex-start}.topbar h1{white-space:nowrap}.top-actions .button:not(.message-button){flex:1}}
.message-dialog input[type=radio],.message-dialog input[type=checkbox]{width:16px;min-width:16px;padding:0}.message-targets label{justify-content:flex-start;align-items:center}