:root{font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#183039;background:#f5f7f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}[hidden]{display:none!important}.muted{color:#728087}.topbar{background:#fff;border-bottom:1px solid #dce3e3}.topbar-inner{max-width:1100px;min-height:64px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;white-space:nowrap}.brand svg,.login-mark svg{color:#087e80}.top-actions{display:flex;align-items:center;gap:6px}.sync-time{color:#728087;font-size:12px;margin-right:10px}.icon-button{width:38px;height:38px;border:0;border-radius:6px;background:transparent;color:#475b62;display:inline-flex;align-items:center;justify-content:center;flex:none}.icon-button:hover:not(:disabled),.icon-button:focus-visible{background:#e8efee}.workspace{max-width:1100px;margin:auto;padding:28px 24px 60px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;min-height:72px}h1,h2,p{margin:0}h1{font-size:26px;line-height:1.3}h2{font-size:17px;line-height:1.4}.connection{display:flex;align-items:center;gap:7px;margin-top:6px;color:#7d878b;font-size:13px}.connection.online{color:#087e80}.status-dot{width:8px;height:8px;border-radius:50%;background:#9ca9aa;flex:none}.connection.online .status-dot{background:#0a9a84}.device-time{color:#728087;font-size:12px;text-align:right}.tabs{display:flex;border-bottom:1px solid #d7e0e0;gap:26px;margin:22px 0 24px}.tab{background:transparent;border:0;border-bottom:2px solid transparent;padding:11px 1px 12px;color:#6c7c82;font-size:14px;font-weight:600}.tab.active{color:#087e80;border-color:#087e80}.tab:hover{color:#087e80}.notice{border-left:3px solid #0d8986;background:#e8f5f3;padding:12px 14px;font-size:13px;margin-bottom:18px}.notice.bad{border-color:#c35b53;background:#fff0ed}.live-band{background:#19383f;color:#fff;padding:22px 26px;border-radius:6px}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:18px}.section-title>span{color:#78898d;font-size:12px}.live-band .section-title>span{color:#a8c0c1}.live-layout{display:grid;grid-template-columns:minmax(210px,1fr) minmax(320px,1.5fr);gap:26px;align-items:center}.live-primary{min-width:0;display:flex;flex-direction:column;gap:3px}.eyebrow{font-size:12px;color:#a8c0c1}.live-primary strong{font-size:23px;line-height:1.4;overflow-wrap:anywhere}.live-primary .muted{color:#a8c0c1;font-size:12px;overflow-wrap:anywhere}.live-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.live-metrics>div{border-left:1px solid #46656a;padding-left:14px;min-width:0}.live-metrics span{display:block;color:#a8c0c1;font-size:12px;margin-bottom:8px}.live-metrics strong{display:block;font-size:18px;white-space:nowrap}.live-actions{min-height:38px;border-top:1px solid #36565c;margin-top:21px;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:15px}.live-actions .muted{color:#b8cbca;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 13px;border-radius:5px;border:1px solid transparent;font-size:13px;font-weight:600;white-space:nowrap}.button svg{width:16px;height:16px}.button.primary{background:#087e80;color:#fff}.button.primary:hover:not(:disabled){background:#066a6d}.button.subtle{background:#e8efee;color:#24535a}.button.subtle:hover{background:#d8e7e5}.button.danger-outline{border-color:#c68076;color:#ffdbd4;background:transparent}.button.danger-outline:hover:not(:disabled){background:#75494b}.button.danger{background:#b44f48;color:#fff}.button.full{width:100%}.data-section,.settings-section{padding:28px 0 8px;border-bottom:1px solid #dce4e4}.data-section .section-title p{margin-top:3px;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metric{padding:17px 0;border-top:2px solid #d6e3e2}.metric span{display:block;color:#718187;font-size:12px}.metric strong{display:block;font-size:22px;margin-top:6px}.trend{height:146px;display:flex;align-items:end;gap:12px;padding:8px 0 2px;color:#809096;font-size:12px}.trend-day{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;gap:7px}.trend-track{height:112px;width:min(100%,58px);display:flex;align-items:end;background:#e6eeee}.trend-bar{width:100%;background:#58aaa4;min-height:4px}.trend-label{white-space:nowrap}.app-list,.rule-list{min-height:42px}.app-list.empty,.rule-list.empty{color:#8a989d;font-size:13px;padding:15px 0}.app-row,.rule-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #e1e7e7;padding:14px 0}.app-main,.rule-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.app-name,.rule-name{font-size:14px;font-weight:600;overflow-wrap:anywhere}.app-package,.rule-package{color:#829097;font-size:11px;overflow-wrap:anywhere}.app-track{width:100%;max-width:470px;height:4px;background:#e2eaea;margin-top:6px}.app-bar{height:100%;background:#e3976d}.app-time{font-size:13px;font-weight:600;white-space:nowrap}.setting-row{min-height:58px;border-top:1px solid #e0e7e7;display:flex;justify-content:space-between;align-items:center;gap:16px}.setting-row>div{display:flex;flex-direction:column;gap:3px}.setting-row strong{font-size:14px}.setting-row span{color:#7c8b91;font-size:12px}.setting-row select{min-height:34px;padding:4px 8px;border:1px solid #bdccce;border-radius:4px;background:#fff}.settings-section>.button{margin-top:15px}.switch{position:relative;width:42px;height:24px;flex:none}.switch input{opacity:0;position:absolute}.switch span{display:block;width:100%;height:100%;background:#a9b7b9;border-radius:15px;transition:background .15s}.switch span:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.switch input:checked+span{background:#087e80}.switch input:checked+span:after{transform:translate(18px)}.switch input:focus-visible+span{outline:2px solid #eb9d74;outline-offset:2px}.rule-detail{color:#65777c;font-size:12px;margin-top:4px;line-height:1.5}.rule-actions{display:flex;align-items:center;gap:2px}.dialog{width:min(480px,calc(100vw - 24px));max-height:min(90vh,740px);overflow:auto;border:1px solid #d1dddd;border-radius:7px;box-shadow:0 18px 50px #1b333850;background:#fff;padding:23px;color:#183039}.dialog::backdrop{background:#102a2f99}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.dialog-heading h2{font-size:18px}.dialog label:not(.checkbox-row){display:block;font-size:12px;font-weight:600;margin:13px 0 6px}.dialog input:not([type=checkbox]),.dialog select,.login-form input{display:block;width:100%;min-height:38px;padding:7px 9px;border:1px solid #bfcdd0;border-radius:4px;color:#183039;background:#fff}.dialog input:focus,.dialog select:focus,.login-form input:focus{outline:2px solid #79b9b5;border-color:#087e80}.two-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.checkbox-row{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:13px}.checkbox-row input{accent-color:#087e80}.dialog-actions{display:flex;justify-content:end;gap:9px;margin-top:23px}.form-error{min-height:18px;color:#ba5149;font-size:12px;margin-top:8px}.small-dialog p{line-height:1.7;font-size:14px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-form{width:min(360px,100%)}.login-mark{width:48px;height:48px;display:grid;place-items:center;background:#e3f1ef;border-radius:8px;margin-bottom:18px}.login-mark svg{width:26px;height:26px}.login-form h1{font-size:23px;margin-bottom:25px}.login-form label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.login-form .button{margin-top:15px;min-height:40px}@media(max-width:700px){.topbar-inner{min-height:56px;padding:0 16px}.sync-time{display:none}.workspace{padding:22px 16px 44px}h1{font-size:22px}.page-heading{align-items:start}.device-time{max-width:130px;line-height:1.5}.tabs{margin:15px 0 20px}.live-band{padding:19px 18px}.live-layout{grid-template-columns:1fr;gap:21px}.live-primary strong{font-size:21px}.live-metrics{gap:2px}.live-metrics>div{padding-left:10px}.live-metrics strong{font-size:15px}.live-actions{align-items:start;flex-direction:column}.metric-grid{gap:9px}.metric strong{font-size:17px}.trend{gap:5px}.setting-row>span{text-align:right}}