:root{--a-green:#237b59;--a-green-soft:#e8f3ee;--a-text:#17221d;--a-muted:#76817b;--a-line:#e2e7e4;--a-bg:#f5f7f6}.admin-shell{background:var(--a-bg);min-height:100vh;color:var(--a-text);grid-template-columns:218px minmax(0,1fr);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;display:grid}.admin-sidebar{color:#d6dfda;background:#17251f;flex-direction:column;height:100vh;padding:24px 16px 17px;display:flex;position:sticky;top:0}.admin-brand{border-bottom:1px solid #ffffff12;align-items:center;gap:10px;padding:0 8px 27px;display:flex}.admin-brand>span{color:#217655;background:#dff0e8;border-radius:7px;place-items:center;width:35px;height:35px;display:grid}.admin-brand>div{gap:2px;display:grid}.admin-brand strong{color:#fff;font-size:15px}.admin-brand small{color:#91a199;font-size:9px}.admin-sidebar nav{gap:4px;padding-top:22px;display:grid}.admin-sidebar nav button{color:#aab8b1;text-align:left;border-radius:6px;align-items:center;gap:11px;height:42px;padding:0 12px;font-size:12px;display:flex}.admin-sidebar nav button:hover{color:#fff;background:#ffffff0a}.admin-sidebar nav button.active{color:#fff;background:#2b7e5e}.admin-side-foot{border-top:1px solid #ffffff12;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;margin-top:auto;padding:17px 7px 0;display:grid}.admin-side-foot>span{color:#216e51;background:#e5f1eb;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.admin-side-foot div{gap:2px;display:grid}.admin-side-foot strong{color:#fff;font-size:11px}.admin-side-foot small{color:#87978f;font-size:9px}.admin-main{min-width:0;padding:0}.admin-header{border-bottom:1px solid var(--a-line);background:#fff;justify-content:space-between;align-items:center;height:84px;padding:0 30px;display:flex}.admin-header h1{margin:0 0 5px;font-size:22px;font-weight:650}.admin-header p{color:#8a948e;margin:0;font-size:10px}.admin-head-actions{align-items:center;gap:9px;display:flex}.admin-head-actions>button{background:#fff;border:1px solid #dce3df;border-radius:6px;align-items:center;gap:7px;height:36px;padding:0 12px;font-size:11px;display:flex}.admin-head-actions>button[aria-label=通知]{justify-content:center;width:36px;padding:0;position:relative}.admin-head-actions>button[aria-label=通知] i{background:#e39a35;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.admin-head-actions .admin-primary{background:var(--a-green);color:#fff;border-color:var(--a-green)}.admin-content{padding:24px 30px 36px}.admin-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.admin-stat{border:1px solid var(--a-line);background:#fff;border-radius:7px;align-items:center;gap:13px;height:94px;padding:17px;display:flex}.admin-stat>span{color:#2c805f;background:#e8f3ee;border-radius:7px;place-items:center;width:39px;height:39px;display:grid}.admin-stat>span.blue{color:#477da6;background:#eaf1f7}.admin-stat>span.teal{color:#368a85;background:#e7f4f3}.admin-stat>span.amber{color:#b1782b;background:#fbf0df}.admin-stat>div{grid-template-columns:auto auto;align-items:baseline;column-gap:8px;display:grid}.admin-stat p{color:#7e8982;grid-column:1/-1;margin:0 0 7px;font-size:10px}.admin-stat strong{font-size:20px}.admin-stat small{color:#3b946f;font-size:9px}.admin-stat small.down{color:#b06c35}.admin-panel{border:1px solid var(--a-line);background:#fff;border-radius:7px}.overview-grid{grid-template-columns:minmax(0,2fr) minmax(240px,.72fr);gap:16px;display:grid}.revenue-panel{padding:19px 21px}.panel-title{justify-content:space-between;align-items:flex-start;display:flex}.panel-title h3{margin:0 0 4px;font-size:13px}.panel-title p{color:#8c9590;margin:0;font-size:9px}.panel-title button{color:#3e8265;font-size:9px}.legend{color:#7c8780;gap:13px;font-size:9px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.legend i{background:#58a786;border-radius:2px;width:8px;height:8px}.legend span:last-child i{background:#6d98bd}.admin-chart{border-bottom:1px solid #edf0ee;height:208px;margin-top:18px;padding-bottom:23px;position:relative}.chart-bars{justify-content:space-around;align-items:flex-end;display:flex;position:absolute;inset:6px 0 23px}.chart-bars i{background:#dfeee7;border-radius:3px 3px 0 0;width:24px}.admin-chart svg{width:100%;height:170px;position:absolute;inset:6px 0 23px}.admin-chart polyline{fill:none;stroke:#5689b1;stroke-width:2.5px;vector-effect:non-scaling-stroke}.chart-labels{color:#a0a8a3;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:3px;left:0;right:0}.opportunity{padding:19px}.donut{background:conic-gradient(#e6a44a 0 26%,#4a9c79 26% 61%,#a9cbbb 61%);border-radius:50%;place-items:center;width:118px;height:118px;margin:15px auto 12px;display:grid}.donut:after{content:"";background:#fff;border-radius:50%;width:78px;height:78px;position:absolute}.donut>div{z-index:1;text-align:center;display:grid;position:relative}.donut strong{font-size:18px}.donut span{color:#8c9690;font-size:8px}.opportunity ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.opportunity li{grid-template-columns:7px 1fr auto;align-items:center;gap:7px;font-size:9px;display:grid}.opportunity li i{background:#4a9c79;border-radius:2px;width:7px;height:7px}.opportunity li i.urgent{background:#e6a44a}.opportunity li i.soft{background:#a9cbbb}.opportunity li span{color:#7f8a83}.lower-grid{grid-template-columns:1.1fr .9fr 1fr;gap:16px;margin-top:16px;display:grid}.lower-grid>.admin-panel{padding:18px}.rank-list{margin-top:13px;display:grid}.rank-list>div{border-bottom:1px solid #edf0ee;grid-template-columns:18px 38px 1fr auto;align-items:center;gap:8px;height:52px;display:grid}.rank-list>div:last-child{border:0}.rank-list>div>b{color:#819089;font-size:10px}.rank-list img{object-fit:cover;border-radius:5px;width:35px;height:35px}.rank-list span{gap:2px;display:grid}.rank-list strong{font-size:9px}.rank-list small{color:#919b95;font-size:8px}.rank-list em{font-size:9px;font-style:normal;font-weight:600}.region-list{gap:15px;margin-top:18px;display:grid}.region-list>div{grid-template-columns:35px 1fr 42px;align-items:center;gap:8px;font-size:9px;display:grid}.region-list i,.lifecycle-bars i{background:#e8edea;border-radius:5px;height:5px;overflow:hidden}.region-list u,.lifecycle-bars u{background:#4c9b79;height:100%;text-decoration:none;display:block}.region-list b{text-align:right}.decision>div:not(.panel-title){color:#3f8669;background:#f4f8f6;border-radius:6px;grid-template-columns:30px 1fr;gap:9px;margin-top:14px;padding:10px;display:grid}.decision p{gap:4px;margin:0;display:grid}.decision strong{color:#26362f;font-size:9px}.decision span{color:#79867f;font-size:8px;line-height:1.5}.admin-primary{background:var(--a-green);color:#fff;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:10px;display:flex}.admin-primary.wide{width:100%;margin-top:20px}.table-panel{overflow:hidden}.admin-toolbar{border-bottom:1px solid var(--a-line);align-items:center;gap:14px;height:62px;padding:0 18px;display:flex}.admin-toolbar>span{color:#8c9690;margin-left:auto;font-size:9px}.admin-toolbar>div:first-child:not(.admin-search):not(.admin-tabs){gap:3px;display:grid}.admin-toolbar>div>strong{font-size:12px}.admin-toolbar>div>small{color:#8e9892;font-size:8px}.admin-search{color:#8b958f;border:1px solid #dce3df;border-radius:5px;align-items:center;gap:7px;width:245px;height:33px;padding:0 9px;display:flex}.admin-search input{border:0;outline:0;width:100%;font-size:10px}.admin-tabs{background:#f1f4f2;border-radius:5px;gap:3px;padding:3px;display:flex}.admin-tabs button{color:#6f7b74;border-radius:4px;height:26px;padding:0 10px;font-size:9px}.admin-tabs button.active{color:#246f52;background:#fff;box-shadow:0 1px 3px #17251f14}.admin-table .tr{text-align:left;border-bottom:1px solid #edf0ee;align-items:center;gap:12px;min-height:57px;padding:0 18px;font-size:9px;display:grid}.admin-table .tr:last-child{border:0}.admin-table button.tr{width:100%}.admin-table button.tr:hover,.admin-table .tr:not(.th):hover{background:#f6f9f7}.admin-table .th{color:#839089;background:#f7f9f8;min-height:35px;font-size:8px}.user-table .tr{grid-template-columns:1.45fr .65fr .9fr .7fr .75fr .7fr 22px}.user-cell{align-items:center;gap:8px;display:flex}.user-cell>i{color:#2b7c5b;background:#e7f2ec;border-radius:50%;place-items:center;width:29px;height:29px;font-style:normal;display:grid}.user-cell>b{gap:2px;display:grid}.user-cell small,.product-cell small{color:#919b95;font-size:8px;font-weight:400}.warn-text{color:#b8752a!important}.user-tag{color:#2d7c5d;background:#e7f3ed;border-radius:3px;padding:3px 6px;font-style:normal}.user-tag.amber{color:#9b6620;background:#fbf0df}.drawer-backdrop{z-index:20;background:#14231c55;position:fixed;inset:0}.admin-drawer{background:#fff;width:360px;padding:22px;position:absolute;top:0;bottom:0;right:0;box-shadow:-14px 0 40px #14251d1f}.drawer-title{border-bottom:1px solid var(--a-line);justify-content:space-between;align-items:center;padding-bottom:19px;display:flex}.drawer-title>div{align-items:center;gap:10px;display:flex}.drawer-title>div>span{color:#267758;background:#e7f2ec;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.drawer-title h3{gap:3px;margin:0;font-size:14px;display:grid}.drawer-title small{color:#8c9690;font-size:8px;font-weight:400}.admin-drawer dl{margin:13px 0}.admin-drawer dl div{justify-content:space-between;padding:8px 0;font-size:9px;display:flex}.admin-drawer dt{color:#87918b}.admin-drawer dd{margin:0;font-weight:600}.admin-drawer h4{margin:20px 0 9px;font-size:11px}.drawer-boxes{gap:8px;display:grid}.drawer-boxes>div{background:#f5f8f6;border-radius:6px;align-items:center;gap:9px;padding:8px;display:flex}.drawer-boxes img{object-fit:cover;border-radius:5px;width:42px;height:42px}.drawer-boxes span{gap:3px;display:grid}.drawer-boxes strong{font-size:9px}.drawer-boxes small{color:#7e8a83;font-size:8px}.admin-stats.compact .admin-stat{height:84px}.order-table .tr{grid-template-columns:1.15fr .62fr 1fr .55fr .75fr .62fr .85fr .55fr}.order-status{color:#65716a;background:#edf1ef;border-radius:3px;padding:3px 6px;font-style:normal}.s-已完成,.s-在售{color:#287a5a;background:#e7f3ed}.s-待发货{color:#a66a20;background:#fbf0df}.s-已发货{color:#447aa4;background:#e9f1f7}.s-退款中,.s-已下架{color:#a95149;background:#f7e9e8}.text-action{color:#287b5b;font-size:9px}.product-table .tr{grid-template-columns:1.5fr .8fr .55fr .68fr .68fr .6fr .45fr}.product-cell{align-items:center;gap:9px;display:flex}.product-cell img{object-fit:cover;border-radius:5px;width:38px;height:38px}.product-cell b{gap:2px;display:grid}.usage-grid{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.usage-grid>.admin-panel{padding:20px}.lifecycle-bars{gap:18px;margin-top:23px;display:grid}.lifecycle-bars>div{grid-template-columns:55px 1fr 50px;align-items:center;gap:10px;font-size:9px;display:grid}.lifecycle-bars b{text-align:right}.quality-summary{grid-template-columns:130px 1fr;align-items:center;gap:15px;margin-top:20px;display:grid}.quality-ring{border:13px solid #50a080;border-right-color:#dcece5;border-radius:50%;align-content:center;place-items:center;width:125px;height:125px;display:grid}.quality-ring strong{font-size:18px}.quality-ring span{color:#7e8982;font-size:8px}.quality-summary ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.quality-summary li{grid-template-columns:8px 1fr auto;gap:7px;font-size:9px;display:grid}.quality-summary li i{background:#3f9874;border-radius:2px;width:8px;height:8px}.quality-summary li i.good{background:#82b99f}.quality-summary li i.warn{background:#dfa146}.settings-admin{grid-template-columns:170px minmax(600px,820px);gap:18px;display:grid}.admin-settings-nav{align-content:start;gap:3px;display:grid}.admin-settings-nav button{text-align:left;color:#68746d;border-radius:5px;height:38px;padding:0 11px;font-size:10px}.admin-settings-nav button.active{color:#257656;background:#e6f1eb;font-weight:600}.settings-form{padding:21px}.setting-line{border-bottom:1px solid #edf0ee;justify-content:space-between;align-items:center;min-height:70px;display:flex}.setting-line>span{gap:4px;display:grid}.setting-line strong{font-size:10px}.setting-line small{color:#8b958f;font-size:8px}.admin-switch{width:36px;height:20px;position:relative}.admin-switch input{opacity:0}.admin-switch i{background:#d8dfdb;border-radius:12px;position:absolute;inset:0}.admin-switch i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px}.admin-switch input:checked+i{background:#368a67}.admin-switch input:checked+i:after{transform:translate(16px)}.sync-source{border:1px solid #e3e8e5;border-radius:6px;margin-top:16px}.sync-source>div{border-bottom:1px solid #edf0ee;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;min-height:56px;padding:0 12px;display:grid}.sync-source>div:last-child{border:0}.sync-source>div>i{background:#3b9872;border-radius:50%;width:7px;height:7px}.sync-source>div>i.waiting{background:#e0a042}.sync-source span{gap:3px;display:grid}.sync-source strong{font-size:9px}.sync-source small{color:#8d9791;font-size:8px}.sync-source em{color:#3b8e6c;font-size:8px;font-style:normal}.admin-toast{z-index:30;color:#fff;background:#17251f;border-radius:6px;padding:10px 15px;font-size:10px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #13231b33}@media (width<=1280px){.admin-content,.admin-header{padding-left:22px;padding-right:22px}.admin-stats{gap:10px}.admin-stat{padding:13px}.lower-grid{grid-template-columns:1fr 1fr}.decision{display:none}.order-table .tr{grid-template-columns:1.05fr .55fr .9fr .5fr .65fr .55fr .78fr .55fr}}:root{color:#18241f;font-synthesis:none;--green:#2f9b70;--green-dark:#1e7955;--text:#18241f;--muted:#758079;--line:#e4e9e6;--surface:#fff;--soft:#f4f7f5;--amber:#d9912d;background:#f5f7f6;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f5f7f6;min-width:1180px;margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}.app-shell{grid-template-columns:228px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;height:100vh;padding:28px 18px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:0 10px 30px;font-size:17px;display:flex}.brand-mark{width:34px;height:34px;color:var(--green-dark);background:#e4f3ec;border-radius:8px;place-items:center;display:grid}.main-nav{gap:5px;display:grid}.main-nav button{color:#65716a;text-align:left;border-radius:7px;align-items:center;gap:12px;height:42px;padding:0 12px;display:flex}.main-nav button:hover{color:#26332d;background:#f6f8f7}.main-nav button.active{color:#237c57;background:#eaf5ef;font-weight:600}.room-section{margin-top:30px}.section-label{color:#909992;justify-content:space-between;align-items:center;padding:0 9px 10px;font-size:12px;display:flex}.section-label button{place-items:center;display:grid}.room-row{text-align:left;border-radius:7px;grid-template-columns:8px 1fr auto;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.room-row:hover,.room-row.selected{background:#f4f7f5}.room-dot{background:#59b991;border-radius:3px;width:6px;height:28px}.room-dot.warning{background:#e3a244}.room-row span:nth-child(2){gap:3px;display:grid}.room-row strong{font-size:13px}.room-row small{color:#9aa29d;font-size:11px}.room-row b{color:#5d6862;font-size:14px}.sidebar-profile{border-top:1px solid var(--line);grid-template-columns:36px 1fr auto;align-items:center;gap:9px;margin-top:auto;padding:18px 8px 3px;display:grid}.sidebar-profile>span{color:#fff;background:#263a31;border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;display:grid}.sidebar-profile div{gap:2px;display:grid}.sidebar-profile strong{font-size:12px}.sidebar-profile small{color:#98a09b;font-size:10px}main{min-width:0;padding:30px 36px 36px}.topbar{justify-content:space-between;align-items:center;display:flex}.topbar p{color:#8b958f;margin:0 0 5px;font-size:12px}.topbar h1{letter-spacing:0;margin:0;font-size:25px;font-weight:650;line-height:1.25}.header-actions{align-items:center;gap:8px;display:flex}.header-actions>button{border:1px solid var(--line);background:#fff;border-radius:7px;place-items:center;width:38px;height:38px;display:grid}.header-actions>button:hover{border-color:#c9d2cd}.sync-status{border:1px solid var(--line);color:#647068;background:#fff;border-radius:7px;align-items:center;gap:8px;height:38px;padding:0 13px;font-size:12px;display:flex}.sync-status i,.device-title p span{background:#39a779;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #dff2e9}.notification{position:relative}.notification>i{background:#e59c35;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:9px}.updated{color:#9ca49f;justify-content:flex-end;align-items:center;gap:5px;margin-top:7px;font-size:11px;display:flex}.dashboard-grid{grid-template-columns:minmax(0,1fr) 338px;gap:24px;margin-top:9px;display:grid}.primary-column{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;overflow:hidden}.right-column{align-content:start;gap:14px;display:grid}.air-summary{border-bottom:1px solid var(--line);grid-template-columns:260px 1fr;align-items:center;min-height:252px;padding:24px 44px;display:grid}.gauge{background:conic-gradient(var(--gauge) var(--progress),#e9eeeb 0);border-radius:50%;place-items:center;width:190px;height:190px;display:grid;position:relative}.gauge:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:12px}.gauge-inner{z-index:1;text-align:center;display:grid}.gauge-inner span{color:#93a099;font-size:11px}.gauge-inner strong{font-size:54px;font-weight:620;line-height:1.05}.gauge-inner em{color:var(--green-dark);margin-top:5px;font-size:13px;font-style:normal}.summary-copy p{color:#8b958f;margin:0 0 8px;font-size:12px}.summary-copy h2{margin:0 0 17px;font-size:25px;font-weight:600}.summary-copy span{color:#607068;background:#f2f7f4;border-radius:6px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;display:inline-flex}.metrics{border-bottom:1px solid var(--line);grid-template-columns:repeat(6,1fr);padding:21px 24px;display:grid}.metric{border-right:1px solid var(--line);min-width:0;padding:0 14px}.metric:last-child{border:0}.metric-label{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.metric-label>span{color:#78847d;font-size:11px}.metric-label i{color:#27805b;background:#eaf6f0;border-radius:3px;padding:2px 5px;font-size:9px;font-style:normal}.metric-label i.warm{color:#9a6420;background:#fbf1df}.metric strong{font-size:21px;font-weight:620}.metric small{color:#99a29d;margin-left:4px;font-size:9px}.trend-panel{padding:24px 30px 21px}.panel-heading{justify-content:space-between;align-items:flex-start;display:flex}.panel-heading h3{margin:0 0 5px;font-size:15px}.panel-heading p{color:#939c97;margin:0;font-size:11px}.tabs{background:#f1f4f2;border-radius:6px;padding:3px;display:flex}.tabs button{color:#78827c;border-radius:4px;padding:6px 10px;font-size:10px}.tabs button.selected{color:#22342b;background:#fff;box-shadow:0 1px 3px #17251f18}.chart-wrap{grid-template-rows:180px 18px;grid-template-columns:26px 1fr;margin-top:18px;display:grid}.chart-y{color:#a2aaa5;flex-direction:column;justify-content:space-between;padding:3px 5px 15px 0;font-size:9px;display:flex}.chart{width:100%;height:180px;overflow:visible}.chart line{stroke:#edf0ee;stroke-width:1px;vector-effect:non-scaling-stroke}.chart-x{color:#a1a9a4;grid-column:2;justify-content:space-between;font-size:9px;display:flex}.device-panel{border:1px solid var(--line);background:#fff;border-radius:8px;padding:20px;position:relative}.device-title{justify-content:space-between;align-items:flex-start;display:flex}.device-title p{color:#479576;align-items:center;gap:7px;margin:0 0 5px;font-size:10px;display:flex}.device-title h3{margin:0;font-size:15px}.device-title>button{color:#87918b}.purifier-visual{justify-content:center;align-items:flex-end;height:194px;display:flex;position:relative}.purifier-body{background:linear-gradient(90deg,#e8edeb,#fff 32%,#f4f6f5 80%);border:1px solid #e2e7e4;border-radius:19px 19px 12px 12px;width:105px;height:145px;position:relative;box-shadow:0 18px 30px #26352e1f}.purifier-top{z-index:2;background:repeating-radial-gradient(#8f9b95 0 1px,#e7ece9 2px 5px);border:5px solid #f5f7f6;border-radius:50%;width:98px;height:25px;position:absolute;bottom:132px}.purifier-display{color:#2a8b62;background:#e3f3ec;border-radius:8px;place-items:center;width:29px;height:18px;font-size:8px;display:grid;position:absolute;top:35px;left:50%;transform:translate(-50%)}.purifier-body>span{background:#4eb485;border-radius:50%;width:2px;height:2px;position:absolute;top:22px;left:51px}.purifier-grille{opacity:.65;background:repeating-linear-gradient(90deg,#dbe1de 0 1px,#0000 1px 5px);height:45px;position:absolute;bottom:14px;left:10px;right:10px}.air-lines{gap:13px;display:flex;position:absolute;bottom:154px}.air-lines i{background:linear-gradient(#4fb18a00,#4fb18a80);border-radius:3px;width:2px;height:32px;animation:1.8s ease-in-out infinite air}.air-lines i:nth-child(2){height:43px;animation-delay:.3s}.air-lines i:nth-child(3){animation-delay:.6s}.purifier-visual.off{filter:grayscale();opacity:.72}.purifier-visual.off .air-lines{display:none}.power-button{color:#89938d;background:#f1f3f2;border:1px solid #e5e9e7;border-radius:50%;place-items:center;width:43px;height:43px;display:grid;position:absolute;top:93px;right:20px}.power-button.on{color:#25835c;background:#e3f4ec;border-color:#cce8db}.control-block{margin-top:15px}.control-block>label,.speed label{color:#858f89;margin-bottom:7px;font-size:10px;display:block}.mode-control{background:#f1f4f2;border-radius:6px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.mode-control button{color:#77827c;border-radius:4px;height:30px;font-size:11px}.mode-control button.selected{color:#1f3329;background:#fff;box-shadow:0 1px 3px #1c2e2518}.speed>div:first-child{justify-content:space-between;display:flex}.speed b{color:#3d7f63;font-size:10px}.speed input{width:100%;accent-color:var(--green);height:4px}.speed-labels{color:#a2aaa5;padding:3px 2px 0;font-size:9px;justify-content:space-between!important;display:flex!important}.filter-row{border-top:1px solid var(--line);grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin-top:17px;padding-top:16px;display:grid}.filter-icon{color:#44846a;background:#eef5f2;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.filter-row>div:nth-child(2){gap:2px;display:grid}.filter-row span{color:#89928d;font-size:10px}.filter-row strong{font-size:10px}.filter-row>b{color:#31825f;font-size:13px}.alert-row{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:14px;display:grid}.alert-icon{color:#b47727;background:#fbf0df;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.alert-row>div:nth-child(2){gap:4px;display:grid}.alert-row strong{font-size:11px}.alert-row span{color:#949d97;font-size:9px}.alert-row button{color:#99a19c}.empty-alert{color:#8d9791;background:#fff;border:1px dashed #d7ded9;border-radius:8px;height:63px;font-size:11px}.toast{color:#fff;background:#1d3027;border-radius:6px;padding:10px 16px;font-size:12px;animation:.2s ease-out toast;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #15251d33}.spin{animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes air{0%,to{opacity:.15;transform:translateY(8px)}50%{opacity:.8;transform:translateY(-5px)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,8px)}}@media (width<=1280px){main{padding-left:26px;padding-right:26px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 310px;gap:18px}.air-summary{grid-template-columns:220px;padding-left:30px;padding-right:30px}.gauge{width:170px;height:170px}.metrics{padding-left:12px;padding-right:12px}.metric{padding:0 9px}.metric strong{font-size:18px}}.feature-main{background:#f5f7f6;padding:0}.workspace-page{min-height:100vh;padding:31px 38px 42px}.page-header{justify-content:space-between;align-items:flex-start;height:75px;display:flex}.page-header h1{margin:0 0 6px;font-size:25px;font-weight:650}.page-header p{color:#89938d;margin:0;font-size:12px}.primary-action,.secondary-action{border-radius:6px;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex}.primary-action{color:#fff;background:#287e5c}.primary-action:hover{background:#206b4d}.secondary-action{border:1px solid var(--line);background:#fff}.content-surface{border:1px solid var(--line);background:#fff;border-radius:8px}.device-workspace{grid-template-columns:minmax(680px,1fr) 305px;gap:20px;display:grid}.device-list-panel{overflow:hidden}.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:60px;padding:0 18px;display:flex}.toolbar>span{color:#8d9791;font-size:11px}.search{color:#8b958f;border:1px solid #dde4e0;border-radius:6px;align-items:center;gap:8px;width:245px;height:34px;padding:0 10px;display:flex}.search input{border:0;outline:0;width:100%;font-size:11px}.device-grid-row{grid-template-columns:2fr .9fr .8fr 1fr .7fr;align-items:center;column-gap:14px;display:grid}.table-head{color:#909994;border-bottom:1px solid var(--line);background:#f7f9f8;height:38px;padding:0 18px;font-size:10px}.device-data-row{text-align:left;border-bottom:1px solid #edf0ee;width:100%;min-height:76px;padding:0 18px;font-size:11px}.device-data-row:last-child{border-bottom:0}.device-data-row:hover,.device-data-row.selected{background:#f4f8f6}.device-data-row.selected{box-shadow:inset 3px 0 #3b9d76}.device-name{align-items:center;gap:10px;display:flex}.device-name>i{color:#3e886a;background:#eaf4ef;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.device-name>b{gap:3px;font-size:12px;display:grid}.device-name small{color:#909994;font-weight:400}.device-name em{color:#3a946f;font-style:normal}.quality-dot{background:#45a47e;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.quality-dot.amber{background:#dfa03f}.device-data-row>span:nth-child(4){grid-template-columns:32px 1fr;align-items:center;gap:7px;display:grid}.mini-progress{background:#e8edea;border-radius:4px;height:4px;overflow:hidden}.mini-progress u{background:#4ca47f;height:100%;text-decoration:none;display:block}.device-detail{padding:20px;position:relative}.detail-title{justify-content:space-between;display:flex}.detail-title span{color:#87928b;font-size:10px}.detail-title h3{margin:5px 0;font-size:15px}.device-detail .purifier-visual{height:220px}.detail-status{border-bottom:1px solid var(--line);color:#88928c;justify-content:space-between;padding:10px 0 15px;font-size:10px;display:flex}.detail-status span{align-items:center;gap:5px;display:flex}.detail-list{margin:0;padding:8px 0}.detail-list div{justify-content:space-between;padding:7px 0;font-size:10px;display:flex}.detail-list dt{color:#8e9792}.detail-list dd{margin:0;font-weight:600}.detail-power{border:1px solid #dfe5e1;border-radius:6px;justify-content:center;align-items:center;gap:7px;width:100%;height:38px;font-size:11px;display:flex}.detail-power.on{color:#ad4a43;background:#fff8f7;border-color:#efd8d4}.records-panel{overflow:hidden}.filter-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:66px;padding:0 20px;display:flex}.filter-toolbar label{color:#77837c;align-items:center;gap:7px;font-size:10px;display:flex}.filter-toolbar select,.select-setting select,.text-setting input,.text-setting select{color:#27342e;background:#fff;border:1px solid #dce3df;border-radius:5px;height:32px;padding:0 28px 0 9px;font-size:11px}.period-control{background:#f1f4f2;border-radius:6px;padding:3px;display:flex}.period-control button{border-radius:4px;height:26px;padding:0 10px;font-size:10px}.period-control button.selected{background:#fff;box-shadow:0 1px 3px #12221914}.date-range{color:#87928b;align-items:center;gap:7px;margin-left:auto;font-size:10px;display:flex}.record-summary{grid-template-columns:200px 1fr;gap:40px;padding:26px 28px 18px;display:grid}.record-summary>div:first-child{flex-direction:column;display:flex}.record-summary span{color:#88938d;font-size:10px}.record-summary strong{margin:12px 0 7px;font-size:26px}.record-summary small{color:#3f9a74;font-size:10px}.record-chart svg{width:100%;height:150px}.record-chart line{stroke:#edf1ef;stroke-width:1px}.record-chart polyline{fill:none;stroke:#4b9f7c;stroke-width:3px;vector-effect:non-scaling-stroke}.record-chart>div{justify-content:space-between;display:flex}.history-table{border-top:1px solid var(--line)}.history-row{border-bottom:1px solid #edf0ee;grid-template-columns:1.1fr repeat(6,1fr);align-items:center;min-height:48px;padding:0 28px;font-size:11px;display:grid}.history-row:last-child{border:0}.history-row.head{color:#87918b;background:#f7f9f8;min-height:36px;font-size:10px}.history-row small{color:#9ba39e;font-size:8px}.automation-layout{grid-template-columns:minmax(650px,1fr) 260px;gap:20px;display:grid}.automation-list{overflow:hidden}.list-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.list-heading h3{margin:0 0 3px;font-size:14px}.list-heading p{color:#8d9791;margin:0;font-size:10px}.automation-row{border-bottom:1px solid #edf0ee;grid-template-columns:42px 1fr auto 30px;align-items:center;gap:13px;padding:18px 20px;display:grid}.automation-row:last-child{border:0}.automation-icon{color:#348362;background:#eaf5ef;border-radius:7px;place-items:center;width:42px;height:42px;display:grid}.automation-icon.co2{color:#477eaa;background:#edf3f8}.automation-icon.home{color:#b1792c;background:#fbf0df}.automation-row>div:nth-child(2){gap:4px;display:grid}.automation-row strong{font-size:12px}.automation-row p{color:#7e8982;margin:0;font-size:10px}.automation-row span{color:#47a07a;align-items:center;gap:4px;font-size:9px;display:flex}.switch{width:36px;height:20px;position:relative}.switch input{opacity:0;position:absolute}.switch i{background:#d8dedb;border-radius:12px;transition:all .2s;position:absolute;inset:0}.switch i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #13231b33}.switch input:checked+i{background:#439b77}.switch input:checked+i:after{transform:translate(16px)}.delete-rule{color:#a1aaa5;opacity:0}.automation-row:hover .delete-rule{opacity:1}.automation-stats{align-content:start;gap:14px;display:grid}.automation-stats>div{gap:7px;padding:19px;display:grid}.automation-stats svg{color:#3e8e6d}.automation-stats span{color:#7f8a83;font-size:10px}.automation-stats strong{font-size:19px}.automation-stats small{color:#98a19c;font-size:9px}.modal-backdrop{z-index:10;background:#14261e66;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:470px;padding:22px;box-shadow:0 20px 70px #12221944}.modal-title{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal-title h3{margin:0;font-size:17px}.modal>label{color:#6f7c75;gap:7px;font-size:11px;display:grid}.modal>label input{border:1px solid #dce3df;border-radius:6px;outline:0;height:38px;padding:0 11px}.modal>label input:focus{border-color:#419574}.builder-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:14px;display:grid}.builder-row>div{border:1px solid #e0e6e2;border-radius:6px;gap:4px;padding:10px;display:grid}.builder-row span,.builder-row>b{color:#8b958f;font-size:9px}.builder-row strong{font-size:10px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.modal-actions>button:first-child{height:38px;padding:0 14px;font-size:11px}.settings-layout{grid-template-columns:170px minmax(600px,850px);gap:20px;display:grid}.settings-nav{align-content:start;gap:4px;display:grid}.settings-nav button{text-align:left;color:#65716a;border-radius:6px;height:39px;padding:0 12px;font-size:11px}.settings-nav button.selected{color:#267c58;background:#e7f2ec;font-weight:600}.settings-content{padding:24px}.settings-heading{border-bottom:1px solid var(--line);padding-bottom:18px}.settings-heading h3{margin:0 0 5px;font-size:15px}.settings-heading p{color:#8b958f;margin:0;font-size:10px}.setting-row,.number-setting,.select-setting{border-bottom:1px solid #edf0ee;align-items:center;min-height:73px;display:flex}.setting-row>div{flex:1}.setting-row strong,.number-setting strong,.select-setting b{font-size:11px}.setting-row p,.number-setting p,.select-setting small{color:#8d9791;margin:5px 0 0;font-size:9px;display:block}.number-setting{grid-template-columns:38px 1fr 90px 55px;gap:10px;display:grid}.number-setting>span{color:#3c8968;background:#eaf4ef;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.number-setting>span svg{width:17px}.number-setting input{border:1px solid #dce3df;border-radius:5px;width:90px;height:32px;padding:0 8px}.number-setting>b{color:#7d8881;font-size:10px}.threshold-note{color:#3c8567;background:#eff6f2;border-radius:6px;align-items:center;gap:7px;margin-top:16px;padding:11px;font-size:10px;display:flex}.select-setting{justify-content:space-between}.danger-action{color:#a8443d;background:#fff8f7;border:1px solid #ecd5d1;border-radius:6px;height:36px;margin-top:20px;padding:0 13px;font-size:10px}.text-setting{border-bottom:1px solid #edf0ee;grid-template-columns:120px 1fr;align-items:center;min-height:66px;font-size:11px;display:grid}.text-setting input,.text-setting select{width:260px}.feature-main .toast{z-index:20}@media (width<=1280px){.workspace-page{padding-left:26px;padding-right:26px}.device-workspace{grid-template-columns:minmax(610px,1fr) 280px}.device-grid-row{grid-template-columns:1.7fr .8fr .7fr .9fr .7fr}.automation-layout{grid-template-columns:minmax(600px,1fr) 230px}}