@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,Microsoft YaHei,sans-serif;color:#24382c;background:#f6f8f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,select,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;flex:0 0 248px;background:#fff;border-right:1px solid #e9eee7;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;z-index:15}.brand{height:86px;display:flex;align-items:center;gap:11px;padding:0 26px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:#2c6c47;color:#fff;border-radius:11px;transform:rotate(-4deg)}.brand-mark svg{transform:rotate(4deg)}.brand strong{font-size:22px;letter-spacing:.16em;line-height:1.1}.brand small{display:block;color:#929e94;font-size:10px;letter-spacing:.05em;margin-top:4px}.side-label{color:#a1aca3;font-size:11px;letter-spacing:.13em;padding:38px 28px 13px;font-weight:700}.side-nav{display:grid;gap:5px;padding:0 13px}.nav-item{width:100%;border:0;background:transparent;color:#69796e;display:flex;align-items:center;gap:13px;text-align:left;padding:13px 14px;border-radius:10px;font-size:13px;font-weight:600;position:relative}.nav-item:hover{background:#f5f8f3;color:#2e6b49}.nav-item.active{background:#eaf3e9;color:#2b6d47}.nav-item.active:before{content:"";position:absolute;left:-13px;top:11px;bottom:11px;width:3px;border-radius:0 4px 4px 0;background:#3b8057}.nav-count{margin-left:auto;background:#d67d64;color:#fff;font-size:10px;border-radius:8px;min-width:17px;height:17px;display:grid;place-items:center}.sidebar-bottom{margin-top:auto;padding:18px 14px 20px}.side-help{border-radius:12px;padding:15px 12px;background:#f1f7ed;display:flex;gap:10px;align-items:center;margin-bottom:19px}.help-icon{width:30px;height:30px;display:grid;place-items:center;background:#deedda;color:#4e895e;border-radius:9px}.side-help strong,.side-user strong{display:block;font-size:12px}.side-help span,.side-user span{display:block;color:#9aa69b;font-size:10px;margin-top:4px}.side-user{display:flex;gap:9px;align-items:center;border-top:1px solid #edf0eb;padding:19px 5px 0}.side-user>svg{margin-left:auto;color:#a4ada5}.avatar,.small-avatar{display:grid;place-items:center;background:#dfe9dc;color:#3c7350;font-weight:700;border-radius:50%}.avatar{width:32px;height:32px;font-size:13px}.small-avatar{width:27px;height:27px;font-size:11px}.main-column{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:69px;flex:0 0 69px;background:#fff;border-bottom:1px solid #e9eee7;padding:0 35px;display:flex;align-items:center;justify-content:space-between}.top-left,.top-actions{display:flex;align-items:center}.top-left{gap:10px;color:#9ca79c;font-size:12px}.top-left strong{font-weight:700;color:#344b3b}.breadcrumb-chevron{color:#bac5bb}.top-actions{gap:19px}.demo-badge{display:flex;align-items:center;gap:7px;font-size:11px;color:#728e72;background:#f0f6ec;border:1px solid #e3eee0;border-radius:20px;padding:6px 10px}.demo-dot,.live-label span{width:6px;height:6px;border-radius:50%;background:#77ac64;box-shadow:0 0 0 3px #dcefd7}.icon-button{border:0;background:none;display:grid;place-items:center;color:#718276;padding:5px}.header-bell{position:relative}.header-bell i{position:absolute;width:6px;height:6px;right:4px;top:3px;border-radius:50%;background:#e18a6a;border:1px solid #fff}.role-wrap{position:relative}.role-button{border:0;background:transparent;display:flex;align-items:center;gap:8px;color:#3b5040;font-size:11px;font-weight:700}.role-button>svg{color:#a2aca2}.role-menu{position:absolute;right:0;top:35px;width:200px;padding:7px;background:#fff;border:1px solid #e5ebe3;box-shadow:0 16px 40px #2d4d3820;border-radius:12px;z-index:30}.role-menu p{font-size:10px;color:#9caa9e;margin:10px 11px 5px}.role-menu button{border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 10px;border-radius:7px;text-align:left;font-size:11px;color:#526858}.role-menu button:hover,.role-menu button.selected{background:#eff6ec;color:#32704c}.role-menu .reset-button{margin-top:5px;border-top:1px solid #e9efe7;border-radius:0;justify-content:flex-start;gap:6px}.page-content{width:min(1440px,100%);margin:0 auto;padding:34px 37px 62px;flex:1}.app-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 37px;border-top:1px solid #e7ece5;color:#a0aaa1;font-size:10px}.app-footer span:first-child{display:flex;align-items:center;gap:5px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading.compact{margin-bottom:29px}.eyebrow{color:#6c9a71;font-size:11px;font-weight:700;letter-spacing:.13em;display:flex;align-items:center;gap:7px}.eyebrow-line{display:block;width:16px;height:2px;background:#76a677}.page-heading h1{font-size:27px;letter-spacing:-.04em;margin:10px 0 7px;font-weight:700}.heading-wave{font-size:21px;color:#d3a95a;vertical-align:3px}.page-heading p{margin:0;color:#95a198;font-size:12px}.today-card{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #ebefe9;border-radius:9px;color:#728578;font-size:11px;padding:10px 13px;white-space:nowrap}.today-card svg{color:#73996f}.overview-strip{min-height:151px;border-radius:15px;background:linear-gradient(105deg,#204e38,#2b6746 65%,#4e8659);color:#fff;padding:25px 29px;display:flex;justify-content:space-between;align-items:flex-start;position:relative;overflow:hidden;box-shadow:0 12px 23px #24583816}.overview-main,.plot-switch{z-index:1}.overline{font-size:10px;letter-spacing:.12em;color:#b5d2ba}.plot-heading{display:flex;align-items:center;gap:15px;margin-top:8px}.plot-heading h2{font-size:23px;margin:0;letter-spacing:.02em}.crop-pill{font-size:10px;color:#dcf0d6;background:#ffffff19;border:1px solid #ffffff3b;padding:5px 10px;border-radius:16px}.plot-location{display:flex;align-items:center;gap:4px;font-size:11px;color:#b5d4b9;margin-top:16px}.sep{padding:0 5px}.plot-switch{display:flex;flex-direction:column;gap:7px;align-items:flex-end}.plot-switch label{color:#b9d9bd;font-size:10px}.plot-switch select{border:1px solid #ffffff66;background:#ffffff23;color:#fff;border-radius:8px;padding:7px 28px 7px 10px;font-size:11px;outline:none}.plot-switch option{color:#314a36}.overview-decoration{position:absolute;right:-9px;bottom:-6px;width:330px;height:150px;pointer-events:none;opacity:.5}.sun-disc{position:absolute;right:78px;top:11px;width:68px;height:68px;border-radius:50%;border:1px solid #d6e7c144;box-shadow:0 0 0 18px #d6e7c10c,0 0 0 40px #d6e7c109}.field{position:absolute;bottom:-43px;width:360px;height:110px;border:1px solid #c4d5b966;border-radius:50%;transform:rotate(-12deg)}.field-one{right:-90px}.field-two{right:-35px;bottom:-59px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:21px 0 31px}.summary-card{background:#fff;border:1px solid #e9eee7;border-radius:13px;padding:18px 20px;display:flex;gap:16px;align-items:flex-start;min-height:115px}.summary-icon{flex:0 0 40px;width:40px;height:40px;border-radius:10px;display:grid;place-items:center}.summary-icon.green{background:#e8f2e9;color:#63996b}.summary-icon.blue{background:#e6f1f3;color:#6a9dab}.summary-icon.amber{background:#faf1e1;color:#d2a264}.summary-card span:not(.summary-icon){display:block;font-size:11px;color:#98a39b}.summary-card strong{display:block;font-size:23px;margin:3px 0 1px;line-height:1.1}.summary-card strong small{font-size:12px;font-weight:500;color:#8c9a90}.summary-card em{display:block;font-style:normal;font-size:10px;color:#8ca88b}.summary-card em.red-text{color:#d17b63}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-heading h2,.panel h2,.list-top h2{font-size:15px;margin:0 0 5px}.section-heading p,.panel-header p,.list-top p{font-size:10px;color:#a3ada4;margin:0}.live-label{font-size:10px;color:#83988a;display:flex;align-items:center;gap:9px}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.metric-card{background:#fff;border:1px solid #e8eee7;border-radius:12px;padding:16px 16px 13px;min-width:0;min-height:163px}.metric-card.metric-warning{border-color:#f3dfca;background:linear-gradient(145deg,#fff 60%,#fffaf4)}.metric-card.metric-offline,.metric-card.metric-missing{background:#fbfcfa}.metric-top{display:flex;justify-content:space-between;align-items:flex-start;gap:4px}.metric-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px}.status-chip{font-size:9px;font-weight:700;white-space:nowrap;display:flex;gap:4px;align-items:center;border-radius:12px;padding:5px 6px}.status-chip i,.table-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-normal{color:#6f9c70;background:#eff7ed}.status-warning{color:#ca8758;background:#fff2e5}.status-offline{color:#c98072;background:#fff0ea}.status-missing{color:#9aa39d;background:#f0f2ef}.metric-name{font-size:11px;color:#829086;margin-top:14px}.metric-value{font-size:27px;font-weight:700;letter-spacing:-.04em;margin:2px 0 10px;white-space:nowrap}.metric-value small{font-size:11px;font-weight:500;color:#89988e;letter-spacing:0;margin-left:4px}.metric-value.empty-value{color:#b8c3b9}.metric-foot{border-top:1px solid #edf1ec;padding-top:10px;color:#a2ada3;font-size:9px;display:flex;justify-content:space-between;gap:5px}.metric-foot span:last-child{white-space:nowrap}.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.56fr) minmax(270px,1fr);gap:17px;margin-top:23px}.panel{background:#fff;border:1px solid #e8eee7;border-radius:13px}.chart-panel,.alerts-panel,.full-chart-panel{padding:20px 22px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.text-link,.table-link{border:0;background:none;color:#4f8a61;font-weight:700;font-size:10px;display:flex;align-items:center;gap:4px;white-space:nowrap}.text-link:hover,.table-link:hover{text-decoration:underline}.mini-alerts{margin-top:17px}.mini-alert{border:0;border-bottom:1px solid #eff1ed;background:none;display:flex;align-items:center;gap:11px;text-align:left;width:100%;padding:12px 0}.mini-alert:hover{background:#fcfdfb}.mini-alert:last-child{border-bottom:0}.mini-alert-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px}.mini-alert-icon.high{background:#fff0e8;color:#d88466}.mini-alert-icon.medium{background:#fff7e6;color:#d4aa61}.mini-alert>span:nth-child(2){min-width:0;flex:1}.mini-alert strong,.mini-alert small{display:block}.mini-alert strong{font-size:11px}.mini-alert small{font-size:10px;color:#a3aca3;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-alert>svg{color:#b2c1b3}.panel-tip{background:#f7f9f5;border-radius:8px;color:#93a194;font-size:10px;padding:12px;display:flex;align-items:center;gap:8px;margin-top:13px}.no-alerts{text-align:center;padding:25px 0}.no-alerts span{display:grid;place-items:center;margin:auto;width:40px;height:40px;border-radius:50%;background:#eaf4e6;color:#6e9f6a}.no-alerts strong{display:block;font-size:12px;margin-top:10px}.no-alerts p{font-size:10px;color:#a4aea5}.button{border:1px solid transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;font-size:11px;font-weight:700;white-space:nowrap}.button.primary{background:#316f4c;color:#fff}.button.primary:hover{background:#275d3e}.button.secondary{background:#fff;color:#4e6755;border-color:#dce5dc}.button.secondary:hover{background:#f5f9f3}.filter-panel{padding:19px 21px;margin-bottom:16px}.filter-title{display:flex;align-items:center;gap:8px;color:#52785a;font-size:12px;margin-bottom:16px}.filter-controls{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:14px}.filter-controls label,.dialog-body label{display:grid;gap:7px;font-size:10px;color:#8a9a8d;font-weight:600}.filter-controls select,.dialog-body select,.dialog-body input,.drawer-body textarea{min-width:0;width:100%;border:1px solid #e0e8df;background:#fff;color:#405744;border-radius:8px;padding:10px 12px;font-size:11px;outline:none}.filter-controls select:focus,.dialog-body select:focus,.dialog-body input:focus,.drawer-body textarea:focus{border-color:#71a67d;box-shadow:0 0 0 3px #e3f1e3}.export-button{height:36px}.trend-stats,.device-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.trend-stat{background:#fff;border:1px solid #e8eee7;border-radius:11px;padding:17px 19px}.trend-stat>span,.trend-stat em{display:block;color:#9ca89d;font-size:10px;font-style:normal}.trend-stat strong{display:block;font-size:22px;margin:10px 0 4px}.trend-stat strong small{font-size:11px;color:#89998b;font-weight:500}.trend-stat em{font-size:9px}.full-chart-panel{padding-bottom:22px}.chart-legend{display:flex;align-items:center;gap:6px;color:#8a998c;font-size:10px}.chart-legend i{width:14px;height:3px;border-radius:2px}.chart-empty{height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a1b3a3}.chart-empty strong{font-size:13px;color:#667a6b;margin-top:12px}.chart-empty p{font-size:10px}.info-note{display:flex;align-items:center;gap:9px;color:#83998a;background:#eef5eb;border:1px solid #e4eee0;border-radius:9px;padding:13px 15px;font-size:10px;margin-top:15px}.info-note svg{flex:0 0 auto;color:#6f9e76}.heading-counter{border:1px solid #f2e4d9;background:#fffaf5;color:#bc8166;border-radius:9px;display:flex;align-items:center;gap:10px;padding:11px 15px;font-size:11px}.heading-counter strong{font-size:17px}.alert-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:17px}.alert-summary>div{background:#fff;border:1px solid #e8eee7;border-radius:11px;padding:18px;display:flex;align-items:center;gap:12px;font-size:11px;color:#859488}.alert-summary strong{margin-left:auto;font-size:22px;color:#253e2c}.alert-summary-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.alert-summary-icon.red{background:#fff1ea;color:#d4876b}.alert-summary-icon.amber{background:#fff6e5;color:#d1a25f}.alert-summary-icon.green{background:#eaf4e8;color:#77a177}.list-panel{overflow:hidden}.list-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:21px 22px;border-bottom:1px solid #edf1eb}.list-filters{display:flex;align-items:center;gap:9px;color:#8ea08e}.list-filters select{border:1px solid #e0e8df;border-radius:7px;color:#637b68;background:#fff;font-size:10px;padding:8px 10px;min-width:100px}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:11px;min-width:760px}.data-table th{text-align:left;background:#fafbf9;color:#9ba89e;font-size:10px;font-weight:600;padding:12px 20px;white-space:nowrap}.data-table td{padding:15px 20px;border-top:1px solid #f0f2ee;color:#6b7d70;white-space:nowrap}.data-table tbody tr:hover{background:#fcfdfb}.data-table td strong{display:block;color:#324a38;font-size:11px;font-weight:600}.data-table td small{display:block;color:#a5b0a5;font-size:9px;margin-top:5px}.data-table tbody tr{cursor:pointer}.data-table .empty-row{text-align:center;padding:45px;color:#9ca99e}.level-badge{display:inline-block;padding:5px 9px;border-radius:5px;font-size:10px;font-weight:700}.level-高{color:#c66e61;background:#fff0ec}.level-中{color:#c59351;background:#fff5e6}.level-低{color:#729c72;background:#edf6e9}.table-status{display:inline-flex;gap:6px;align-items:center;font-size:10px}.table-status-open{color:#d18368}.table-status-acknowledged{color:#c69a58}.table-status-resolved{color:#6d9d72}.modal-backdrop{position:fixed;inset:0;background:#1f322954;z-index:50;display:flex;justify-content:flex-end}.detail-drawer{width:min(460px,100vw);background:#fff;height:100vh;display:flex;flex-direction:column;box-shadow:-15px 0 45px #24372a22}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;padding:26px;border-bottom:1px solid #ebefea}.drawer-eyebrow{color:#8da394;font-size:10px;letter-spacing:.08em}.drawer-head h2{margin:7px 0 0;font-size:20px}.drawer-body{padding:25px 26px;overflow:auto;flex:1}.detail-level{display:flex;gap:12px;align-items:center}.detail-highlight{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.detail-highlight>div{background:#f7f9f5;border:1px solid #edf0e9;border-radius:10px;padding:17px}.detail-highlight span{display:block;font-size:10px;color:#90a092}.detail-highlight strong{display:block;font-size:18px;margin-top:9px}.drawer-body h3{font-size:12px;margin:25px 0 11px}.detail-list{margin:0}.detail-list div{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #f0f2ee;font-size:11px}.detail-list dt{color:#9aa89c}.detail-list dd{margin:0;color:#3b5040;font-weight:600;text-align:right}.saved-note{background:#f3f8f1;border-radius:9px;padding:14px;margin-top:20px;font-size:11px}.saved-note p{margin:8px 0 0;color:#6a806e;line-height:1.6}.field-hint{font-size:10px;color:#95a397;line-height:1.6}.drawer-body textarea{resize:vertical;line-height:1.6}.field-error{display:block;color:#c96d61;font-size:10px;margin-top:7px}.drawer-foot{border-top:1px solid #ebefea;padding:17px 26px;display:flex;justify-content:flex-end;gap:9px}.rules-note{margin:-12px 0 17px}.toggle{width:33px;height:19px;border:0;border-radius:12px;background:#d7dfd5;padding:2px;vertical-align:middle}.toggle i{display:block;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .2s}.toggle.on{background:#65a26d}.toggle.on i{transform:translate(14px)}.toggle-text{font-size:10px;margin-left:7px;color:#829486}.rule-condition{font-size:12px!important;color:#bf805e!important}.form-dialog{width:min(480px,calc(100vw - 30px));margin:auto;background:#fff;border-radius:14px;box-shadow:0 20px 50px #203b2928;overflow:hidden}.dialog-body{padding:25px;display:grid;gap:17px}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.device-stats{grid-template-columns:repeat(3,1fr)}.device-stat{background:#fff;border:1px solid #e8eee7;border-radius:11px;padding:18px;display:flex;align-items:center;gap:14px}.device-stat div>span{display:block;font-size:10px;color:#94a195}.device-stat strong{font-size:22px;display:block;margin-top:4px}.battery{width:54px;height:7px;border-radius:5px;background:#edf1eb;overflow:hidden}.battery span{height:100%;display:block;border-radius:5px}.mobile-overlay,.menu-button,.mobile-close{display:none}@media(max-width:1300px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-bottom{grid-template-columns:1fr 1fr}}@media(max-width:1050px){.sidebar{width:210px;flex-basis:210px}.page-content{padding:29px 24px 50px}.topbar{padding:0 24px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bottom{grid-template-columns:1fr}.summary-grid{gap:9px}.summary-card{padding:15px;gap:10px}}@media(max-width:750px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;transform:translate(-100%);transition:transform .2s;box-shadow:10px 0 35px #2136281c}.sidebar.sidebar-open{transform:translate(0)}.mobile-overlay{display:block;position:fixed;inset:0;background:#1e33264a;z-index:14}.mobile-close,.menu-button{display:grid}.mobile-close{margin-left:auto}.topbar{height:59px;flex-basis:59px;padding:0 17px}.page-content{padding:23px 15px 40px}.app-footer{padding:15px;font-size:9px}.app-footer span:last-child{display:none}.breadcrumb,.breadcrumb-chevron{display:none}.top-actions{gap:10px}.demo-badge{font-size:9px}.role-button-text{display:none}.page-heading h1{font-size:23px}.page-heading p{line-height:1.5}.today-card{display:none}.overview-strip{padding:20px;min-height:168px}.plot-heading{display:block}.plot-heading h2{font-size:20px;margin-bottom:8px}.plot-switch{align-items:flex-end}.plot-switch select{max-width:118px}.summary-grid{grid-template-columns:repeat(3,1fr);gap:7px}.summary-card{display:block;padding:12px;min-height:117px}.summary-icon{width:29px;height:29px;flex-basis:29px}.summary-icon svg{width:17px}.summary-card span:not(.summary-icon){font-size:9px;margin-top:6px}.summary-card strong{font-size:19px}.summary-card em{font-size:9px;line-height:1.3}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{padding:12px}.metric-value{font-size:24px}.metric-foot{display:block}.metric-foot span{display:block;margin-top:3px}.filter-controls{grid-template-columns:1fr 1fr}.export-button{height:36px}.trend-stats{grid-template-columns:repeat(2,1fr);gap:8px}.trend-stat{padding:12px}.alert-summary{gap:7px}.alert-summary>div{display:block;padding:11px}.alert-summary-icon{width:29px;height:29px}.alert-summary-icon svg{width:16px}.alert-summary>div>span:nth-child(2){display:block;margin-top:7px;font-size:9px}.alert-summary strong{display:block;font-size:20px}.list-top{display:block}.list-filters{margin-top:15px}.heading-counter{font-size:9px;padding:8px}.heading-counter svg{display:none}.device-stats{gap:7px}.device-stat{display:block;padding:12px}.device-stat strong{font-size:18px}}@media(max-width:430px){.plot-switch{position:absolute;right:16px;bottom:13px}.plot-location{max-width:210px;line-height:1.3}.metric-grid{grid-template-columns:1fr 1fr}.status-chip{font-size:8px}.metric-name{margin-top:10px}.metric-card{min-height:156px}.section-heading p{max-width:190px;line-height:1.3}.live-label{font-size:9px}.summary-card em{display:none}.summary-card{min-height:92px}.filter-controls{grid-template-columns:1fr}.export-button{width:100%}.page-heading.compact{align-items:flex-start}.page-heading.compact .button{padding:8px;font-size:10px}}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-feature{min-height:100vh;background:linear-gradient(145deg,#1e4934,#316e49 75%,#548c58);color:#fff;position:relative;overflow:hidden;padding:43px 55px;display:flex;flex-direction:column}.login-brand{display:flex;align-items:center;gap:12px;z-index:1}.login-brand strong{font-size:23px;letter-spacing:.14em}.login-brand small{font-size:11px;color:#c4d9c4}.login-brand .brand-mark{background:#ffffff2e;border:1px solid #ffffff33}.login-message{position:relative;z-index:1;margin:auto 0;max-width:500px}.login-overline{font-size:11px;letter-spacing:.22em;color:#b9d5b8}.login-message h1{font-size:clamp(42px,5vw,72px);line-height:1.23;letter-spacing:-.05em;margin:23px 0}.login-message h1 em{font-style:normal;color:#d0dfa1}.login-message p{font-size:14px;line-height:1.9;color:#c0dac4;max-width:360px}.login-features{display:flex;gap:22px;margin-top:30px}.login-features span{font-size:11px;display:flex;align-items:center;gap:7px;color:#d5e8d5}.login-feature-foot{position:relative;z-index:1;font-size:10px;color:#c3d8c3}.login-landscape{position:absolute;inset:0;pointer-events:none}.login-orbit{position:absolute;right:8%;top:20%;height:230px;width:230px;border-radius:50%;background:#d0dfa118;box-shadow:0 0 0 55px #d0dfa10b,0 0 0 120px #d0dfa108}.login-hill{position:absolute;bottom:-175px;width:120%;height:360px;border:1px solid #bdd6a744;border-radius:50%;transform:rotate(-10deg)}.login-hill.one{right:-25%}.login-hill.two{right:-3%;bottom:-205px}.login-hill.three{right:19%;bottom:-245px}.login-right{display:grid;place-items:center;padding:35px}.login-card{width:min(390px,100%)}.login-card-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:#ebf4e9;color:#3d8555;margin-bottom:27px}.login-card h2{font-size:29px;letter-spacing:-.04em;margin:11px 0 7px}.login-card>p{font-size:12px;color:#97a59a;margin:0 0 38px;line-height:1.7}.login-card>label{display:block;color:#5c705f;font-size:11px;font-weight:700;margin-bottom:8px}.login-card>select{width:100%;border:1px solid #dfe8de;border-radius:9px;background:#fff;color:#3d5742;padding:12px;font-size:12px;outline:none}.role-description{display:flex;gap:9px;background:#f2f7ef;color:#729078;border-radius:8px;padding:13px;margin-top:13px;font-size:10px;line-height:1.6}.role-description svg{flex:0 0 auto;color:#5b9868}.login-enter{width:100%;margin-top:23px;padding:13px}.login-disclaimer{border-top:1px solid #edf1eb;margin-top:33px;padding-top:19px;color:#a5b0a6;font-size:10px;line-height:1.7}@media(max-width:750px){.login-page{grid-template-columns:1fr}.login-feature{min-height:310px;padding:25px}.login-brand small{display:none}.login-message{margin:38px 0 25px}.login-message h1{font-size:36px;margin:10px 0}.login-message p{font-size:11px;line-height:1.6}.login-features,.login-feature-foot{display:none}.login-right{padding:35px 24px 60px;place-items:start center}.login-card>p{margin-bottom:23px}}:root{--ink: #20392c;--muted: #50695b;--line: #dce5dc;--field: #265f46;--wash: #e9f2e9;color:var(--ink);background:#f2f5ef;accent-color:var(--field)}::selection{background:#cbe5cb;color:var(--ink)}:focus-visible{outline:2px solid #287957;outline-offset:3px}.eyebrow,.overview-decoration,.login-landscape{display:none}.sidebar{background:#173d30;border-color:#173d30;color:#f4faf5}.sidebar .brand small,.side-label,.side-user span{color:#b5d1be}.sidebar .nav-item{color:#d0e4d7;font-size:14px}.sidebar .nav-item:hover,.sidebar .nav-item.active{background:#305947;color:#fff}.sidebar .nav-item.active:before{background:#a4ce9f}.sidebar .side-user{border-color:#426456}.sidebar .side-help{background:#254a3c}.sidebar .side-help span{color:#b5d1be}.sidebar .icon-button{color:#fff}.page-heading h1{font-size:clamp(26px,3vw,38px);letter-spacing:-.025em;margin-top:0}.page-heading p,.section-heading p,.panel-header p,.list-top p,.metric-foot,.summary-card span:not(.summary-icon),.trend-stat>span,.trend-stat em,.data-table th,.data-table td small,.field-hint,.login-card>p,.login-disclaimer{color:var(--muted)}.page-heading p,.panel-header p,.section-heading p,.list-top p{font-size:13px}.overview-strip{background:var(--field);box-shadow:none;min-height:130px}.summary-grid,.trend-stats,.alert-summary,.device-stats{gap:0;border:1px solid var(--line);border-radius:13px;background:#fff}.summary-card,.trend-stat,.alert-summary>div,.device-stat{border:0;border-radius:0;background:transparent}.summary-card+.summary-card,.trend-stat+.trend-stat,.alert-summary>div+div,.device-stat+.device-stat{border-inline-start:1px solid var(--line)}.metric-value,.trend-stat strong,.summary-card strong,.data-table{font-variant-numeric:tabular-nums}.panel,.metric-card{border-color:var(--line)}.panel-header h2,.section-heading h2,.list-top h2{font-size:17px}.data-table{font-size:13px}.data-table th,.data-table td strong{font-size:12px}.data-table td small{font-size:11px}.button,.text-link,.table-link{font-size:12px}.status-normal,.table-status-resolved{color:#3a7047}.status-warning,.level-中,.table-status-acknowledged{color:#86561c}.status-offline,.level-高,.table-status-open{color:#9c4439}.status-missing{color:#53665a}.filter-controls{grid-template-columns:1fr 1fr auto auto}.filter-controls label,.range-control legend{color:var(--muted);font-size:12px;font-weight:600}.filter-controls select,.export-button{height:42px;font-size:12px}.range-control{min-width:0;margin:0;padding:0;border:0}.range-control legend{padding:0;margin-bottom:7px}.range-options{display:flex;gap:2px;padding:3px;background:var(--wash);border-radius:8px}.range-options button{border:1px solid transparent;border-radius:6px;padding:8px 11px;color:var(--muted);background:transparent;font-size:12px;white-space:nowrap}.range-options button[aria-pressed=true]{background:#fff;border-color:#cbdccd;color:var(--ink);font-weight:700}.chart-empty{text-align:center;padding-inline:14px}.chart-empty p{color:var(--muted);font-size:13px}.info-note{color:var(--muted);font-size:12px}.login-feature{background:#1d4938}@media(max-width:1080px){.filter-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.export-button{justify-self:start}}@media(max-width:750px){.dashboard-bottom{grid-template-columns:minmax(0,1fr)}.trend-stat:nth-child(3){border-inline-start:0}.trend-stat:nth-child(n+3){border-top:1px solid var(--line)}.nav-item,.icon-button,.role-button{min-height:40px}.full-chart-panel,.chart-panel,.alerts-panel{padding-inline:14px}}@media(max-width:430px){.filter-controls{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.sidebar,.toggle i{transition:none}}