@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#17221e;font-synthesis:none;letter-spacing:0;--green:#13705a;--green-dark:#0d493c;--line:#dfe7e2;--muted:#718079;--red:#c94444;--amber:#c27a22;background:#f3f6f4;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{color:#e8f0ed;z-index:30;background:#10261f;flex-direction:column;width:246px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #294138;align-items:center;gap:12px;height:76px;padding:0 21px;display:flex}.brand-mark{color:#10261f;background:#d3a64a;border-radius:7px;place-items:center;width:38px;height:38px;display:grid}.brand strong{font-size:20px;display:block}.brand span{color:#8fa49c;font-size:11px}.close-nav{margin-left:auto;display:none}.sidebar nav{flex:1;padding:18px 12px;overflow:auto}.nav-label{color:#748e84;padding:0 11px 8px;font-size:11px}.nav-item{color:#a9bbb4;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:11px;width:100%;height:42px;margin:2px 0;padding:0 12px;display:flex}.nav-item span{flex:1}.nav-item:hover{color:#fff;background:#19352c}.nav-item.active{color:#fff;background:#215b49}.sidebar-foot{color:#9db1a9;border:1px solid #2f493f;border-radius:6px;align-items:center;gap:9px;margin:12px;padding:12px;display:flex}.sidebar-foot div{flex:1}.sidebar-foot b,.sidebar-foot span{font-size:11px;display:block}.sidebar-foot b{color:#e4ece9;margin-bottom:2px}.status-dot{background:#a5afa9;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 3px #a5afa922}.status-dot.ok{background:#31a979;box-shadow:0 0 0 3px #31a97922}.status-dot.off{background:#9ba6a1}.app-shell>main{min-height:100vh;margin-left:246px}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fff;align-items:center;height:76px;padding:0 30px;display:flex;position:sticky;top:0}.top-title{flex:1}.top-title h1{margin:0 0 3px;font-size:20px}.top-title p{color:var(--muted);margin:0;font-size:12px}.top-actions{align-items:center;gap:11px;display:flex}.sync{color:var(--muted);border-right:1px solid var(--line);padding-right:15px;font-size:12px}.sync span{background:#32a879;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.icon-button{color:#53635d;background:0 0;border:0;border-radius:6px;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover{background:#edf3f0}.has-dot{position:relative}.has-dot:after{content:"";background:#d8554f;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:7px}.notification-wrap{position:relative}.notification-pop{border:1px solid var(--line);z-index:40;background:#fff;border-radius:7px;width:250px;padding:16px;position:absolute;top:45px;right:0;box-shadow:0 12px 30px #19382d1c}.notification-pop p{color:var(--muted);font-size:13px}.notification-pop button{color:var(--green);background:0 0;border:0;padding:0}.avatar{width:34px;height:34px;color:var(--green-dark);background:#dfece7;border-radius:50%;place-items:center;font-weight:700;display:grid}.account b,.account span{font-size:12px;display:block}.account span{color:var(--muted);font-size:10px}.menu-button{display:none}.content{max-width:1600px;margin:0 auto;padding:24px 30px 40px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.metric{border:1px solid var(--line);text-align:left;min-height:116px;color:inherit;background:#fff;border-radius:7px;align-items:center;gap:15px;padding:19px;display:flex}.metric:hover{border-color:#b7cbc2;box-shadow:0 5px 15px #214c3d0c}.metric>div:nth-child(2){flex:1}.metric-icon{border-radius:7px;place-items:center;width:44px;height:44px;display:grid}.metric-icon.green{color:#19775e;background:#e1f1eb}.metric-icon.blue{color:#416e92;background:#e4edf5}.metric-icon.amber{color:#b46d17;background:#f7eddc}.metric-icon.red{color:#c14e47;background:#f7e5e4}.metric span,.metric strong,.metric small{display:block}.metric span{color:var(--muted);font-size:12px}.metric strong{margin:3px 0;font-size:28px}.metric small{color:#86938e;font-size:11px}.dashboard-grid{grid-template-columns:1.6fr 1fr;gap:18px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:7px}.panel-head{border-bottom:1px solid #edf1ef;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.panel-head h2{margin:0 0 4px;font-size:15px}.panel-head p{color:var(--muted);margin:0;font-size:11px}.panel-head button,.text-action{color:var(--green);background:0 0;border:0;align-items:center;gap:2px;font-size:12px;display:flex}.activity-panel,.alert-panel{min-height:330px}.chart{height:260px;padding:20px 24px 16px;display:flex}.y-labels{color:#9aa59f;flex-direction:column;justify-content:space-between;padding-bottom:23px;font-size:10px;display:flex}.bars{border-bottom:1px solid var(--line);background:repeating-linear-gradient(#fff 0 48px,#edf1ef 49px);flex:1;justify-content:space-around;align-items:flex-end;margin-left:15px;display:flex}.bar-col{flex-direction:column;justify-content:flex-end;align-items:center;width:10%;height:100%;display:flex;position:relative}.bar{background:#5b9b84;border-radius:3px 3px 0 0;width:min(34px,70%);min-height:3px}.bar-col span{color:#718079;white-space:nowrap;height:23px;padding-top:7px;font-size:10px}.bar-value{color:#66756f;margin-bottom:4px;font-size:9px}.alert-row{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1ef;align-items:center;gap:12px;width:100%;padding:16px 20px;display:flex}.alert-row:hover{background:#f8faf9}.alert-icon{color:#c64d46;background:#f8e8e7;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.alert-icon.重要{color:#c27a22;background:#fbf0df}.alert-row>div:nth-child(2){flex:1}.alert-row b{font-size:13px}.alert-row p,.alert-row span{color:var(--muted);margin:3px 0 0;font-size:11px}.badge{color:#697770;white-space:nowrap;background:#edf1ef;border-radius:4px;align-items:center;padding:3px 8px;font-size:10px;display:inline-flex}.badge.success{color:#147159;background:#e2f2ec}.badge.warning{color:#a96218;background:#f8ecd9}.badge.danger{color:#bd3e39;background:#f7e4e3}.events-panel,.health-panel{min-height:285px}.timeline{padding:2px 20px}.timeline button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1ef;align-items:center;gap:11px;width:100%;padding:13px 0;display:flex}.timeline button:last-child{border:0}.timeline-icon{color:#21745e;background:#e5f2ed;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.timeline-icon.open{color:#b06e20;background:#f7eddc}.timeline button>div:nth-child(2){flex:1}.timeline b{font-size:12px}.timeline b span{color:var(--muted);font-weight:500}.timeline p,.timeline time{color:var(--muted);margin:3px 0 0;font-size:10px}.donut-wrap{justify-content:space-evenly;align-items:center;padding:26px 28px 18px;display:flex}.donut{background:conic-gradient(#32876d 0 94.9%,#d8dedb 94.9%);text-align:center;border-radius:50%;place-content:center;width:130px;height:130px;display:grid;position:relative}.donut:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:16px}.donut strong,.donut span{z-index:1}.donut strong{font-size:21px}.donut span{color:var(--muted);font-size:10px}.legend p{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.legend b{color:#26342f;margin-left:auto;padding-left:20px}.legend i{background:#32876d;border-radius:2px;width:8px;height:8px}.legend i.offline{background:#abb5b1}.legend i.low{background:#d09946}.health-panel>.text-action{margin:0 20px 16px auto}.toolbar{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:70px;padding:14px 18px;display:flex}.toolbar>div:first-child{flex:1}.toolbar>div p{color:var(--muted);margin:4px 0 0;font-size:11px}.search{border:1px solid var(--line);background:#fbfcfb;border-radius:5px;align-items:center;gap:8px;min-width:280px;height:39px;padding:0 11px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.select{border:1px solid var(--line);color:#66746e;border-radius:5px;align-items:center;height:39px;padding:0 7px;display:flex}.select select{color:#46534e;background:0 0;border:0;outline:0;padding:0 17px 0 6px;font-size:12px}.primary{background:var(--green);color:#fff;border:0;border-radius:5px;padding:10px 15px;font-size:12px}.primary:hover{background:#0f604d}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{color:#68766f;text-align:left;white-space:nowrap;background:#f8faf9;padding:11px 16px;font-size:10px;font-weight:600}td{color:#4c5a54;white-space:nowrap;border-top:1px solid #edf1ef;padding:14px 16px}tbody tr{cursor:pointer}tbody tr:hover{background:#fafcfb}td b{color:#202d28}.person-cell{align-items:center;gap:10px;display:flex}.person-cell>span{color:#276d59;background:#e4eee9;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.person-cell b,.person-cell small,.block{display:block}.person-cell small,td small{color:#84918c;margin-top:3px;font-size:9px}.mono{font-family:Consolas,monospace}.strong{color:#25342e;font-weight:600}.inline-status{align-items:center;gap:7px;display:flex}.battery{color:#31745e;align-items:center;gap:5px;display:flex}.battery.danger{color:#c34b45}.table-action{color:var(--green);background:#fff;border:1px solid #b9cec5;border-radius:4px;padding:5px 8px;font-size:10px}.table-foot{border-top:1px solid var(--line);height:58px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 18px;font-size:11px;display:flex}.table-foot button{border:1px solid var(--line);color:#89948f;background:#fff;padding:5px 9px}.table-foot .current{color:#fff;background:var(--green);border-color:var(--green)}.compact{margin-bottom:18px}.device-cards,.environment-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.device-card,.env-card{border:1px solid var(--line);background:#fff;border-radius:7px;padding:18px}.device-head{align-items:center;gap:11px;display:flex}.device-symbol{width:39px;height:39px;color:var(--green);background:#e3eee9;border-radius:6px;place-items:center;display:grid}.device-head>div:nth-child(2){flex:1}.device-head b,.device-head span,.env-title b,.env-title span{display:block}.device-head b{font:600 12px Consolas}.device-head span,.env-title span{color:var(--muted);margin-top:4px;font-size:10px}.device-stats{grid-template-columns:repeat(3,1fr);margin-top:18px;display:grid}.device-stats p{border-right:1px solid var(--line);margin:0}.device-stats p:last-child{border:0;padding-left:10px}.device-stats span,.device-stats b{display:block}.device-stats span{color:var(--muted);font-size:9px}.device-stats b{margin-top:5px;font-size:11px}.progress{background:#e7ece9;border-radius:4px;height:4px;margin-top:16px;overflow:hidden}.progress i{background:#45917a;height:100%;display:block}.env-title{justify-content:space-between;display:flex}.env-values{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.env-values p{background:#f6f9f7;border-radius:5px;margin:0;padding:13px}.env-values svg{width:15px;color:var(--green)}.env-values span,.env-values b{display:block}.env-values span{color:var(--muted);margin:5px 0;font-size:9px}.env-values b{font-size:16px}.settings-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.settings-panel{padding-bottom:20px}.settings-panel>label{color:#53615b;margin:18px 20px;font-size:11px;display:block}.settings-panel input,.settings-panel select{border:1px solid var(--line);background:#fff;border-radius:5px;width:100%;height:40px;margin-top:7px;padding:0 10px;display:block}.settings-panel>.primary{margin-left:20px}.toggle-row{text-align:left;background:#fff;border:0;align-items:center;width:calc(100% - 40px);margin:16px 20px 0;padding:0;display:flex}.toggle-row>div{flex:1}.toggle-row b,.toggle-row span{display:block}.toggle-row b{font-size:12px}.toggle-row span{color:var(--muted);margin-top:4px;font-size:10px}.toggle-row>i{background:#bbc5c1;border-radius:20px;width:36px;height:20px;padding:2px;transition:all .2s}.toggle-row>i.on{background:var(--green)}.toggle-row em{background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;display:block}.toggle-row i.on em{transform:translate(16px)}.divider{background:var(--line);height:1px;margin:22px 20px}.empty{text-align:center;color:#8a9691;padding:12px 20px}.empty h3{color:#58655f;font-size:12px}.empty p{font-size:10px}.drawer-scrim{z-index:50;background:#0c1d1866;position:fixed;inset:0}.drawer{z-index:51;background:#fff;flex-direction:column;width:410px;max-width:94vw;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-10px 0 35px #10291f20}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;padding:22px 24px;display:flex}.drawer-head span{color:var(--muted);font-size:10px}.drawer-head h2{margin:5px 0 0;font-size:20px}.drawer-body{flex:1;padding:10px 24px;overflow:auto}.detail-row{border-bottom:1px solid #edf1ef;justify-content:space-between;gap:20px;padding:14px 0;font-size:12px;display:flex}.detail-row span{color:var(--muted)}.detail-row b{text-align:right}.drawer-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;padding:18px 24px;display:flex}.drawer-actions>button:not(.primary){border:1px solid var(--line);background:#fff;border-radius:5px;padding:9px 15px}.toast{color:#fff;z-index:70;background:#173c30;border-radius:6px;align-items:center;gap:8px;padding:11px 16px;font-size:12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #152e2540}.scrim{display:none}.planning{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:40px;display:flex}.planning-mark{width:58px;height:58px;color:var(--green);background:#e2eee9;border-radius:8px;place-items:center;margin-bottom:16px;display:grid}.planning h2{margin:13px 0 5px;font-size:20px}.planning p{color:var(--muted);margin:0;font-size:12px}.planning-line{gap:6px;margin-top:25px;display:flex}.planning-line span{background:#dfe7e2;border-radius:3px;width:28px;height:3px;display:block}.planning-line span:first-child{background:var(--green)}.mini-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}.mini-stats article{border:1px solid var(--line);background:#fff;border-radius:7px;padding:17px 19px}.mini-stats span,.mini-stats b{display:block}.mini-stats span{color:var(--muted);font-size:10px}.mini-stats b{margin-top:6px;font-size:21px}.generic-head{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:17px 19px;display:flex}.generic-icon{width:38px;height:38px;color:var(--green);background:#e2eee9;border-radius:6px;place-items:center;display:grid}.generic-head>div:nth-child(2){flex:1}.generic-head h2{margin:0;font-size:14px}.generic-head p{color:var(--muted);margin:3px 0 0;font-size:10px}.generic-list{padding:0 19px}.generic-list button{text-align:left;color:#526059;background:#fff;border:0;border-bottom:1px solid #edf1ef;grid-template-columns:1fr 1.6fr 1fr auto;align-items:center;gap:15px;width:100%;padding:16px 3px;display:grid}.generic-list button:last-child{border:0}.generic-list button:hover{background:#fafcfb}.generic-list b{color:#26332e;font-size:12px}.generic-list span,.generic-list time{color:var(--muted);font-size:11px}.data-state{border:1px solid var(--line);text-align:center;min-height:320px;color:var(--muted);background:#fff;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex}.data-state h3{color:#35443e;margin:12px 0 4px;font-size:14px}.data-state p{margin:0 0 16px;font-size:11px}.data-state.compact-state{border:0;border-radius:0;min-height:150px}.data-state.compact-state h3{margin-top:8px;font-size:12px}.data-state.compact-state p{margin-bottom:0}.modal-scrim{z-index:60;background:#0c1d1866;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.elder-form{background:#fff;border-radius:8px;width:560px;max-width:100%;box-shadow:0 16px 45px #10291f30}.form-grid{grid-template-columns:1fr 1fr;gap:15px;padding:22px 24px;display:grid}.form-grid label{color:#53615b;font-size:11px}.form-grid input,.form-grid select{border:1px solid var(--line);background:#fff;border-radius:5px;width:100%;height:39px;margin-top:6px;padding:0 9px;display:block}.form-grid .full{grid-column:1/-1}.form-grid .check{align-items:center;gap:7px;display:flex}.form-grid .check input{width:15px;height:15px;margin:0}.danger-button{color:#b83e39;border-radius:5px;margin-right:auto;padding:9px 15px;background:#fff!important;border:1px solid #e2b9b6!important}.form-panel{max-width:760px}.form-panel .form-grid{padding:25px}.param-actions{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.param-actions label{min-width:230px}.param-actions button:not(.primary){height:39px;color:var(--green);background:#fff;border:1px solid #b9cec5;border-radius:5px;padding:0 14px;font-size:12px}.login-screen{background:#10261f;place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fff;border-radius:10px;width:370px;max-width:100%;padding:34px;box-shadow:0 20px 50px #07140f55}.login-card .brand-mark{margin:0 auto 18px}.login-card h1{text-align:center;margin:0;font-size:21px}.login-card>p{text-align:center;color:var(--muted);margin:8px 0 26px;font-size:12px}.login-card label{color:#53615b;margin-top:14px;font-size:11px;display:block}.login-card input{border:1px solid var(--line);border-radius:5px;width:100%;height:41px;margin-top:6px;padding:0 10px;display:block}.login-card .primary{width:100%;margin-top:22px}.login-card small{color:var(--muted);text-align:center;margin-top:16px;font-size:10px;display:block}.login-error{color:#b83e39;margin-top:12px;font-size:11px}@media (width<=1100px){.summary-grid,.device-cards,.environment-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.account,.top-actions>svg,.sync{display:none}}@media (width<=760px){.sidebar{transition:all .22s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.close-nav{display:grid}.scrim{z-index:29;background:#07140f88;display:block;position:fixed;inset:0}.app-shell>main{margin-left:0}.menu-button{display:grid}.topbar{height:68px;padding:0 13px}.top-title h1{font-size:17px}.top-title p{display:none}.content{padding:14px}.summary-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{gap:10px;min-height:96px;padding:13px}.metric-icon{width:36px;height:36px}.metric strong{font-size:22px}.metric>svg{display:none}.device-cards,.environment-grid,.settings-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search{flex-basis:100%;min-width:100%}.toolbar .primary{margin-left:auto}.panel-head{padding:15px}.chart{padding-left:13px;padding-right:13px}.donut-wrap{padding:22px 12px}.account+.icon-button{display:none}.table-foot{min-width:560px}.drawer{width:100%}}@media (width<=430px){.summary-grid{grid-template-columns:1fr}.top-actions{gap:3px}.metric{min-height:86px}.bar-value{display:none}.donut{width:115px;height:115px}.legend b{padding-left:8px}}.sidebar nav section{margin-bottom:4px}.home-nav{margin-bottom:10px!important}.nav-group-toggle{color:#a9bbb4;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:11px;width:100%;height:42px;padding:0 12px;display:flex}.nav-group-toggle span{flex:1}.nav-group-toggle:hover,.nav-group-toggle.has-active{color:#fff;background:#19352c}.group-chevron{transition:transform .18s}.nav-group.expanded .group-chevron{transform:rotate(180deg)}.submenu{padding:3px 0 6px 16px}.submenu .nav-item{height:38px;font-size:12px}.submenu .nav-item:before{content:"";background:#668178;border-radius:50%;flex:none;width:4px;height:4px}.submenu .nav-item>svg:first-child{display:none}.submenu .nav-item.active:before{background:#d3a64a}