:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#15241d;background:#f4f7f5;font-synthesis:none;--green: #14865b;--green-dark: #10271e;--muted: #718078;--line: #e2e9e5}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f7f5}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;z-index:20;display:flex;flex-direction:column;color:#d9e6df;background:#10231b;border-right:1px solid #1c382b}.brand{height:78px;display:flex;align-items:center;gap:11px;padding:0 22px;border-bottom:1px solid #254035}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#fff;background:#1a9b69;box-shadow:inset 0 0 0 1px #ffffff24}.brand>div:nth-child(2){display:flex;font-size:19px;letter-spacing:-.5px}.brand strong{color:#fff}.brand span{color:#61d29f}.mobile-close{display:none;margin-left:auto;border:0;color:#fff;background:transparent}nav>p{display:block;padding:0 8px 9px;color:#789288;font-size:9px;letter-spacing:1.5px;font-weight:750}nav{padding:24px 12px 6px;flex:1}nav button{position:relative;width:100%;height:42px;display:flex;align-items:center;gap:12px;padding:0 12px;margin:2px 0;border:0;border-radius:8px;color:#9fb3aa;background:transparent}nav button:hover{color:#fff;background:#173027}nav button.active{color:#fff;background:#1d513c;box-shadow:inset 3px 0 #42c98a}nav button span{font-size:12px;font-weight:620}nav button em{margin-left:auto;min-width:21px;height:21px;display:grid;place-items:center;border-radius:11px;color:#fff1e9;font-size:10px;font-style:normal;background:#c34c2c}nav .nav-section{margin-top:25px}.system-status{display:flex;align-items:center;gap:10px;margin:0 16px 15px;padding:12px;border:1px solid #29453a;border-radius:10px;background:#162d24}.live-dot{width:8px;height:8px;border-radius:50%;background:#50d495;box-shadow:0 0 0 4px #50d4951f}.system-status div{display:flex;flex-direction:column;gap:2px}.system-status b{color:#d5e5dd;font-size:9px}.system-status small{color:#789288;font-size:8px}.profile{width:100%;height:68px;display:flex;align-items:center;gap:10px;padding:0 17px;border:0;border-top:1px solid #254035;color:inherit;text-align:left;background:transparent}.profile:hover{background:#162d24}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#173629;font-size:10px;font-weight:800;background:#8ee3bb}.profile>div:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.profile b{overflow:hidden;color:#e6eee9;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.profile small{color:#80968c;font-size:9px}main{min-height:100vh;margin-left:252px}.topbar{height:68px;display:flex;align-items:center;gap:20px;padding:0 34px;border-bottom:1px solid #e3e9e6;background:#fffffff0}.menu-button{display:none;border:0;background:transparent}.search{width:min(420px,45vw);display:flex;align-items:center;gap:10px;color:#849189}.search input{width:100%;padding:8px 0;border:0;outline:0;color:#24372e;font-size:12px;background:transparent}.search input::placeholder{color:#9aa59f}.top-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.connection{display:flex;align-items:center;gap:7px;color:#547064;font-size:10px;font-weight:650}.connection i{width:7px;height:7px;border-radius:50%;background:#31ae74;box-shadow:0 0 0 4px #e6f7ef}.icon-button{position:relative;width:35px;height:35px;display:grid;place-items:center;border:1px solid #e1e7e4;border-radius:9px;color:#43564d;background:#fff}.icon-button i{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;display:grid;place-items:center;border:2px solid white;border-radius:10px;color:#fff;font-size:8px;font-style:normal;background:#d85534}.content{max-width:1440px;margin:0 auto;padding:32px 35px 50px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.page-heading p,.panel-header p,.panel-title p,.section-heading p{margin:0 0 6px;color:#87958e;font-size:9px;letter-spacing:1.35px;font-weight:800}.page-heading h1{margin:0 0 5px;color:#182a21;font-size:clamp(24px,2.2vw,31px);line-height:1.15;letter-spacing:-.9px}.page-heading>div>span{color:#76837c;font-size:12px}.primary-action{display:flex;align-items:center;gap:9px;padding:10px 15px;border:0;border-radius:9px;color:#fff;font-size:11px;font-weight:700;background:#16865b;box-shadow:0 5px 14px #16865b33}.primary-action span{font-size:19px;font-weight:300}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{min-height:100px;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid #e1e8e4;border-radius:12px;background:#fff;box-shadow:0 2px 4px #13291f06}.metric-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px}.metric-icon.green{color:#178158;background:#e7f5ee}.metric-icon.blue{color:#3977ad;background:#eaf3fa}.metric-icon.violet{color:#7157a4;background:#f0ecf8}.metric-icon.orange{color:#bd632e;background:#fff0e7}.metric-card>div:last-child{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:7px}.metric-card p{grid-column:1 / -1;margin:0 0 1px;color:#79867f;font-size:10px;font-weight:650}.metric-card strong{color:#1c3026;font-size:22px;letter-spacing:-.5px}.metric-card span{grid-column:1 / -1;margin-top:3px;color:#8a9790;font-size:9px}.metric-card span.warn{color:#a75a34}.metric-card span i{display:inline-block;width:5px;height:5px;margin-right:3px;border-radius:50%;background:#dd7243}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.85fr);gap:14px;margin-top:14px}.dashboard-grid-compact{grid-template-columns:1fr}.dashboard-grid-compact .alarms-panel{min-height:180px}.panel{border:1px solid #e1e8e4;border-radius:12px;background:#fff;box-shadow:0 2px 4px #13291f06}.alarms-panel{overflow:hidden}.panel-title{height:61px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #e9eeeb}.panel-title>div{display:flex;align-items:center;gap:8px}.panel-title p{margin:0}.count-pill{min-width:19px;height:19px;display:grid;place-items:center;border-radius:10px;color:#b44f2f;font-size:9px;font-weight:800;background:#feeae3}.panel-title button,.section-heading button{border:0;color:#25825f;font-size:9px;font-weight:700;background:transparent}.alarm-list{padding:2px 0}.alarm-item{min-height:83px;display:grid;grid-template-columns:34px minmax(0,1fr) auto 22px;align-items:center;gap:10px;padding:11px 15px;border-bottom:1px solid #edf0ee}.alarm-item:last-child{border-bottom:0}.severity{width:32px;height:32px;display:grid;place-items:center;border-radius:9px}.severity.critical{color:#c8442c;background:#fdebe7}.severity.warning{color:#bd712e;background:#fff2e6}.alarm-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.alarm-copy strong{overflow:hidden;color:#2b3b34;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.alarm-copy span{overflow:hidden;color:#7e8a84;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.alarm-copy small{color:#9aa49f;font-size:8px}.alarm-item>b{color:#35463e;font-size:10px;white-space:nowrap}.alarm-item>button{display:grid;place-items:center;padding:0;border:0;color:#91a099;background:transparent}.objects-section{margin-top:27px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.section-heading h2{margin:0;color:#1e3027;font-size:16px}.building-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.building-card{padding:17px 17px 0;border:1px solid #e0e7e3;border-radius:12px;background:#fff;box-shadow:0 2px 4px #13291f06}.building-card-clickable{cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.building-card-clickable:hover,.building-card-clickable:focus-visible{transform:translateY(-2px);border-color:#b8d5c6;outline:0;box-shadow:0 9px 24px #16483114}.building-top{display:flex;align-items:center;gap:10px}.building-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;color:#27785a;background:#ebf4ef}.building-top h3{margin:0 0 3px;color:#26382f;font-size:12px}.building-top span:not(.state){color:#89958f;font-size:9px}.state{margin-left:auto;display:flex;align-items:center;gap:5px;align-self:flex-start;padding:5px 8px;border-radius:10px;font-size:8px;font-weight:700}.state i{width:5px;height:5px;border-radius:50%;background:currentColor}.state.online{color:#187b55;background:#e9f6ef}.state.warning{color:#ae632d;background:#fff0e5}.state.offline{color:#a4483b;background:#fbeceb}.state.unknown{color:#68766f;background:#eef1ef}.state.acknowledged{color:#8b6823;background:#faf1db}.building-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.building-stats>div{display:flex;align-items:center;gap:7px;color:#72847b}.building-stats span{display:flex;flex-direction:column;gap:2px}.building-stats small{color:#919d97;font-size:8px}.building-stats b{color:#374a40;font-size:10px}.device-progress{margin-top:16px}.device-progress>div{display:flex;justify-content:space-between;color:#7b8982;font-size:8px}.device-progress b{color:#43564d}.device-progress progress{width:100%;height:4px;margin-top:7px;border:0;border-radius:4px;background:#e6ece8}.device-progress progress::-webkit-progress-bar{border-radius:4px;background:#e6ece8}.device-progress progress::-webkit-progress-value{border-radius:4px;background:#37a573}.device-progress progress::-moz-progress-bar{border-radius:4px;background:#37a573}.card-link{width:calc(100% + 34px);height:40px;display:flex;align-items:center;justify-content:space-between;margin:16px -17px 0;padding:0 17px;border:0;border-top:1px solid #edf1ef;border-radius:0 0 12px 12px;color:#36725b;font-size:9px;font-weight:700;background:#fbfcfb}.backdrop{display:none}.app-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;color:#52665c;font-size:12px;background:#f3f7f4}.loading-mark{color:#159466;animation:pulse-loading 1.3s ease-in-out infinite}@keyframes pulse-loading{50%{transform:scale(1.12);opacity:.55}}.live-dot.offline,.connection i.offline{background:#d58a42;box-shadow:0 0 0 4px #d58a421f}.page-error{display:flex;align-items:center;gap:9px;margin-bottom:16px;padding:12px 14px;border:1px solid #f0c9bd;border-radius:10px;color:#8c3e2d;font-size:11px;background:#fff2ee}.page-error button{margin-left:auto;border:0;color:inherit;font-size:10px;font-weight:750;background:transparent}.page-progress{position:fixed;top:68px;left:252px;right:0;z-index:8;height:2px;overflow:hidden;background:#dbe8e0}.page-progress:after{content:"";display:block;width:32%;height:100%;background:#1d9b6a;animation:progress 1s ease-in-out infinite}@keyframes progress{0%{transform:translate(-110%)}to{transform:translate(330%)}}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.resource-card{padding:19px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 2px 4px #13291f06}.resource-card-clickable{cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.resource-card-clickable:hover,.resource-card-clickable:focus-visible{transform:translateY(-2px);border-color:#b8d5c6;outline:0;box-shadow:0 9px 24px #16483114}.resource-card-icon{width:40px;height:40px;display:grid;place-items:center;margin-bottom:14px;border-radius:10px;color:#267a59;background:#eaf5ef}.resource-card-icon svg{width:21px}.resource-card-title{display:flex;align-items:flex-start;gap:12px}.resource-card-title>div{min-width:0;flex:1}.resource-card-title h3{margin:0 0 4px;color:#25372e;font-size:14px}.resource-card-title span:not(.state){display:block;overflow:hidden;color:#839088;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.resource-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:19px 0}.resource-facts span{padding:10px 7px;border-radius:8px;color:#859189;font-size:8px;text-align:center;background:#f6f8f7}.resource-facts b{display:block;margin-bottom:2px;color:#34483e;font-size:12px}.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 11px;border:1px solid #d8e3dd;border-radius:8px;color:#31745a;font-size:9px;font-weight:750;background:#fff}.secondary-action:hover{border-color:#a9c9b9;background:#f6fbf8}.resource-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-open-action{display:flex;align-items:center;gap:8px;padding:7px 0;border:0;color:#247856;font-size:9px;font-weight:800;background:transparent}.card-open-action span{font-size:15px}.back-link{display:inline-flex;align-items:center;gap:7px;margin:0 0 15px;padding:0;border:0;color:#3d7660;font-size:10px;font-weight:750;background:transparent}.back-link:hover{color:#145f42}.building-detail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.building-detail-heading p{margin:0 0 6px;color:#17835a;font-size:8px;letter-spacing:1.4px;font-weight:800}.building-detail-heading h1{margin:0 0 7px;color:#182a21;font-size:clamp(25px,2.4vw,34px);letter-spacing:-1px}.building-detail-heading>div>span{display:flex;align-items:center;gap:5px;color:#77867e;font-size:10px}.building-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:25px}.building-summary-grid article{min-height:88px;display:flex;flex-direction:column;justify-content:center;padding:14px 16px;border:1px solid var(--line);border-radius:11px;background:#fff}.building-summary-grid span{color:#7e8c84;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.65px}.building-summary-grid strong{margin-top:5px;color:#24392e;font-size:19px}.building-summary-grid small{margin-top:4px;color:#8a9690;font-size:8px}.building-tabs{display:flex;align-items:center;gap:5px;margin:-8px 0 24px;padding:5px;border:1px solid #dfe7e3;border-radius:11px;background:#edf2ef}.building-tabs button{min-height:36px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;border:0;border-radius:8px;color:#67786f;font-size:10px;font-weight:750;background:transparent}.building-tabs button:hover{color:#2d624c;background:#ffffffa6}.building-tabs button.active{color:#176b4a;background:#fff;box-shadow:0 2px 7px #18402c14}.building-tabs button>span{min-width:19px;height:19px;display:grid;place-items:center;border-radius:10px;color:#597168;font-size:8px;background:#e9efec}.building-tabs button.active>span{color:#176b4a;background:#e5f5ed}.object-tab-panel{min-width:0}.management-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.management-heading p{margin:0 0 5px;color:#17835a;font-size:8px;letter-spacing:1.3px;font-weight:800}.management-heading h2{margin:0 0 4px;color:#20342a;font-size:18px}.management-heading span{color:#7d8b84;font-size:10px}.management-notice{display:flex;align-items:center;gap:12px;margin-bottom:13px;padding:14px 16px;border:1px solid #cfe0d7;border-radius:11px;color:#2e7b5c;background:#f1f8f4}.management-notice>div{display:flex;flex:1;flex-direction:column;gap:3px}.management-notice strong{color:#315444;font-size:10px}.management-notice span{color:#71847a;font-size:9px}.table-actions{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.table-action.danger{color:#a04439}.table-action.danger:hover{border-color:#dfb4ad;color:#8c2f25;background:#fff4f2}.measurement-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start;gap:15px}.measurement-groups{min-width:0}.section-note{color:#849188;font-size:8px}.room-section{margin-bottom:17px}.room-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:0 3px}.room-heading>div{display:flex;align-items:baseline;gap:8px}.room-heading strong{color:#31473b;font-size:11px}.room-heading span,.room-heading small{color:#8b9790;font-size:8px}.device-measurement-list{display:grid;gap:9px}.device-measurements{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 2px 4px #13291f06}.device-measurements>header{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid #ebf0ed}.device-identity{min-width:0;display:flex;align-items:center;gap:9px;color:#398065}.device-identity>span{min-width:0;display:flex;flex-direction:column;gap:3px}.device-identity strong{overflow:hidden;color:#2a3e34;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.device-identity small{overflow:hidden;color:#89958f;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.device-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.device-header-action{height:29px;display:flex;align-items:center;gap:5px;padding:0 8px;border:1px solid #dbe6e0;border-radius:7px;color:#4e6a5c;font-size:8px;font-weight:700;background:#f8faf9}.device-header-action:hover{border-color:#accdbc;color:#18734f;background:#f1f8f4}.device-header-action.danger{color:#a04439}.device-header-action.danger:hover{border-color:#dfb4ad;color:#8c2f25;background:#fff4f2}.sensor-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:11px}.sensor-value-card{min-width:0;display:flex;flex-direction:column;align-items:stretch;min-height:128px;padding:12px;text-align:left;border:1px solid #e4ebe7;border-radius:10px;color:inherit;background:#fbfcfb;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.sensor-value-card:hover{border-color:#b8d4c6;background:#f7fbf9}.sensor-value-card.selected{border-color:#49a47d;background:#f0f9f4;box-shadow:inset 0 0 0 1px #49a47d26}.sensor-value-card>span{min-width:0;color:#66776e;font-size:9px;font-weight:700}.sensor-value-card code{display:block;overflow:hidden;margin-top:3px;color:#96a099;font-size:7px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.sensor-value-card>strong{margin:12px 0 auto;color:#20362a;font-size:20px;letter-spacing:-.5px}.sensor-value-card>strong small{color:#708179;font-size:9px;font-weight:650}.sensor-value-card time{display:grid;grid-template-columns:13px 1fr;align-items:center;column-gap:4px;margin-top:12px;color:#708078;font-size:7px}.sensor-value-card time small{grid-column:2;margin-top:2px;color:#9aa49f}.no-sensors{grid-column:1 / -1;padding:20px;color:#8b9790;font-size:9px;text-align:center}.sensor-history-panel{position:sticky;top:88px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 2px 4px #13291f06}.panel-title-row{display:flex;align-items:flex-start;justify-content:space-between;padding:17px 17px 13px;border-bottom:1px solid #ebf0ed}.panel-title-row p{margin:0 0 4px;color:#829088;font-size:8px;letter-spacing:1.2px;font-weight:800}.panel-title-row h2{margin:0;color:#293e33;font-size:14px}.panel-title-row>span{padding:5px 8px;border-radius:8px;color:#2c7959;font-size:8px;background:#edf7f2}.selected-reading{display:flex;flex-direction:column;padding:16px 17px 0}.selected-reading strong{color:#1f372a;font-size:24px}.selected-reading strong small{color:#6f8177;font-size:10px}.selected-reading span{margin-top:4px;color:#8b9790;font-size:8px}.history-chart{height:230px;padding:8px 11px 0}.chart-placeholder{height:100%;display:grid;place-items:center;padding:25px;color:#8b9790;font-size:9px;text-align:center}.chart-placeholder.tall{min-height:320px}.history-footer{display:flex;align-items:center;gap:6px;padding:11px 17px 14px;color:#87958d;font-size:8px}.comparison-panel{margin-top:18px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 2px 5px #13291f08}.comparison-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:19px 20px 14px}.comparison-heading p{margin:0 0 5px;color:#17835a;font-size:8px;letter-spacing:1.3px;font-weight:800}.comparison-heading h2{margin:0 0 5px;color:#20342a;font-size:17px}.comparison-heading>div:first-child>span{color:#7c8b83;font-size:9px}.comparison-heading-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}.comparison-heading-actions>span{margin-right:4px;color:#77877f;font-size:8px}.comparison-heading-actions button{min-height:28px;padding:0 9px;border:1px solid #dce6e1;border-radius:7px;color:#34745b;font-size:8px;font-weight:750;background:#fff}.comparison-heading-actions button:hover{border-color:#a9cbbb;background:#f4faf7}.comparison-note{display:flex;align-items:center;gap:9px;margin:0 20px 7px;padding:10px 12px;border-radius:9px;color:#557167;background:#edf7f2}.comparison-note svg{flex:0 0 auto;color:#26845f}.comparison-note span{font-size:8px;line-height:1.45}.comparison-chart{height:330px;margin:0 10px}.comparison-error{height:100%;display:flex;align-items:center;justify-content:center;gap:8px;color:#a04439;font-size:10px}.comparison-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 20px 20px;border-top:1px solid #edf1ef;background:#fbfcfb}.comparison-selector fieldset{min-width:0;margin:0;padding:12px;border:1px solid #e1e8e4;border-radius:10px;background:#fff}.comparison-selector legend{display:flex;align-items:center;gap:7px;padding:0 6px;color:#2d6650}.comparison-selector legend>span{display:flex;flex-direction:column;gap:2px;color:#30483c;font-size:9px;font-weight:750}.comparison-selector legend small{color:#8a9690;font-size:7px;font-weight:500}.comparison-selector fieldset>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:6px}.comparison-selector label{min-width:0;display:grid;grid-template-columns:14px 7px minmax(0,1fr);align-items:center;gap:6px;padding:8px;border:1px solid transparent;border-radius:8px;color:#65766d;cursor:pointer;background:#f7f9f8}.comparison-selector label.checked{border-color:#c9dfd4;color:#265e47;background:#f0f8f4}.comparison-selector input{width:13px;height:13px;margin:0;accent-color:#16865b}.comparison-selector label>i{width:7px;height:7px;border-radius:50%;opacity:.35}.comparison-selector label.checked>i{opacity:1}.comparison-selector label>span{min-width:0;display:flex;flex-direction:column;gap:2px;overflow:hidden;font-size:8px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.comparison-selector label small{overflow:hidden;color:#87948d;font-size:7px;font-weight:500;text-overflow:ellipsis}.comparison-tooltip{min-width:210px;max-width:320px;padding:11px;border:1px solid #dce5e0;border-radius:10px;background:#fffffff7;box-shadow:0 10px 30px #102d1f24}.comparison-tooltip time{display:block;margin-bottom:7px;color:#718078;font-size:8px;font-weight:700}.comparison-tooltip>div{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:7px;padding:4px 0}.comparison-tooltip i{width:7px;height:7px;border-radius:50%}.comparison-tooltip span{min-width:0;display:flex;flex-direction:column;color:#3d5147;font-size:8px}.comparison-tooltip span small{color:#8b9791;font-size:7px}.comparison-tooltip strong{color:#263c31;font-size:8px;white-space:nowrap}.no-comparison-sensors{padding:0 20px 20px;color:#84928b;font-size:9px;text-align:center}.table-shell{overflow-x:auto;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 2px 4px #13291f06}table{width:100%;border-collapse:collapse;text-align:left}th{padding:13px 16px;border-bottom:1px solid var(--line);color:#829088;font-size:8px;letter-spacing:.75px;text-transform:uppercase;background:#fafcfb}td{min-width:105px;padding:14px 16px;border-bottom:1px solid #edf1ef;color:#53645b;font-size:10px}tr:last-child td{border-bottom:0}td strong{color:#293c32;font-size:10px}td>span:not(.state){display:flex;flex-direction:column;gap:3px}td small{color:#8c9992;font-size:8px}td code{padding:4px 7px;border-radius:5px;color:#385a4b;font-size:9px;background:#eff5f2}.table-action{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #dce5e0;border-radius:7px;color:#34765c;font-size:8px;font-weight:700;white-space:nowrap;background:#fff}.empty-page{min-height:250px;display:grid;place-content:center;justify-items:center;gap:6px;color:#93a099}.empty-page strong{margin-top:6px;color:#4b5d54;font-size:12px}.empty-page span{font-size:9px}.empty-state{min-height:160px;display:grid;place-content:center;justify-items:center;gap:9px;color:#84958c;font-size:10px}.alarm-page-list{display:grid;gap:9px}.alarm-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 17px;border:1px solid var(--line);border-left:3px solid #d6a257;border-radius:11px;background:#fff}.alarm-row.critical{border-left-color:#d45a42}.alarm-row.info{border-left-color:#4b8fbd}.alarm-row>div:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.alarm-row strong{color:#2d4036;font-size:11px}.alarm-row span:not(.state){color:#7f8d85;font-size:9px}.alarm-row small{color:#9aa49f;font-size:8px}.alarm-row>b{color:#34473d;font-size:11px;white-space:nowrap}.catalog-toolbar{display:flex;align-items:center;gap:11px;margin-bottom:14px;padding:14px 16px;border:1px solid #cde2d7;border-radius:11px;color:#247554;background:#edf8f2}.catalog-toolbar div{display:flex;flex-direction:column;gap:2px}.catalog-toolbar strong{font-size:10px}.catalog-toolbar span{color:#6c8277;font-size:8px}.signal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.signal-grid article{padding:15px;border:1px solid var(--line);border-radius:11px;background:#fff}.signal-category{display:inline-block;padding:4px 7px;border-radius:7px;color:#42705b;font-size:7px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;background:#eaf5ef}.signal-category.electricity{color:#926d28;background:#fff4d9}.signal-category.heating{color:#a64f36;background:#feebe5}.signal-category.ventilation{color:#3e7197;background:#e9f3fa}.signal-grid h3{margin:13px 0 4px;color:#2b3d34;font-size:11px}.signal-grid code{color:#708078;font-size:8px}.signal-grid article>div{display:flex;justify-content:space-between;margin-top:14px;padding-top:10px;border-top:1px solid #edf1ef;color:#849089;font-size:8px}.signal-grid article>div b{color:#3f5148}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.settings-grid article{display:flex;align-items:flex-start;gap:13px;padding:20px;border:1px solid var(--line);border-radius:12px;color:#277858;background:#fff}.settings-grid article div{display:flex;flex-direction:column;gap:7px}.settings-grid strong{color:#2b3f35;font-size:11px}.settings-grid span{color:#7c8a83;font-size:9px;line-height:1.7}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#07180f8f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-card{position:relative;width:min(430px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:27px;border:1px solid #d9e3dd;border-radius:16px;background:#fff;box-shadow:0 24px 80px #04160d47}.modal-card>p{margin:0 0 6px;color:#18825a;font-size:8px;letter-spacing:1.25px;font-weight:800}.modal-card>h2{margin:0 0 21px;color:#22372c;font-size:20px;letter-spacing:-.4px}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:8px;color:#687a71;background:#f3f6f4}.modal-close svg{width:17px}.form-field{display:flex;flex-direction:column;gap:6px;margin:13px 0;color:#55675e;font-size:9px;font-weight:700}.form-field input,.form-field select{width:100%;height:42px;padding:0 12px;border:1px solid #d9e3de;border-radius:9px;outline:0;color:#293d32;font-size:11px;background:#fff}.form-field input:focus,.form-field select:focus{border-color:#45a77c;box-shadow:0 0 0 3px #289e6c1a}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:17px;border-top:1px solid #edf1ef}.modal-actions>button:first-child{padding:0 13px;border:0;color:#6e7c75;font-size:10px;background:transparent}.form-error{margin:12px 0;padding:9px 11px;border-radius:8px;color:#98462f;font-size:9px;background:#fff0eb}.token-modal{text-align:center}.token-modal>span{display:block;color:#74837b;font-size:10px}.token-modal>code{display:block;overflow-wrap:anywhere;margin:20px 0;padding:13px;border:1px dashed #9cc8b2;border-radius:9px;color:#1b6547;font-size:10px;background:#f0f9f4}.token-icon{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 14px;border-radius:14px;color:#18845a;background:#e8f6ef}.primary-action.wide{width:100%;justify-content:center}.edit-device-context{display:flex;align-items:center;gap:10px;margin:-6px 0 18px;padding:11px 12px;border:1px solid #e2e9e5;border-radius:10px;color:#2b8964;background:#f8fbf9}.edit-device-context>span{display:flex;flex-direction:column;gap:3px}.edit-device-context strong{color:#2b4035;font-size:10px}.edit-device-context small{color:#86948d;font-size:8px}.delete-modal>p{color:#a33d32}.delete-warning{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #efd0ca;border-radius:11px;color:#a23d32;background:#fff7f5}.delete-warning>svg{flex:0 0 auto;margin-top:1px}.delete-warning>div{display:flex;flex-direction:column;gap:6px}.delete-warning strong{color:#7e2f27;font-size:10px}.delete-warning span{color:#79534d;font-size:9px;line-height:1.5}.delete-warning small{color:#9b6861;font-size:8px;line-height:1.45}.primary-action.destructive-action{background:#b8473b;box-shadow:0 5px 14px #b8473b33}.token-action{color:#326d89}.token-action:hover{border-color:#a8cad9;color:#1d6486;background:#f3f9fc}.token-rotation-warning{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #cde0e9;border-radius:11px;color:#317998;background:#f4fafd}.token-rotation-warning>svg{flex:0 0 auto;margin-top:1px}.token-rotation-warning>div{display:flex;flex-direction:column;gap:6px}.token-rotation-warning strong{color:#275d76;font-size:10px}.token-rotation-warning span{color:#4e6976;font-size:9px;line-height:1.5}.token-rotation-warning small{color:#78909b;font-size:8px;line-height:1.45}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(340px,.9fr) minmax(480px,1.1fr);margin:0;background:#fff}.login-intro{position:relative;min-height:100vh;display:flex;flex-direction:column;padding:40px clamp(35px,6vw,90px);overflow:hidden;color:#fff;background:radial-gradient(circle at 75% 18%,rgba(48,161,111,.35),transparent 28%),linear-gradient(145deg,#0c2018,#143a2a)}.login-intro:before,.login-intro:after{content:"";position:absolute;border:1px solid rgba(126,218,175,.13);border-radius:50%}.login-intro:before{width:460px;height:460px;right:-250px;top:90px}.login-intro:after{width:680px;height:680px;right:-380px;top:-10px}.login-brand{display:flex;align-items:center;color:#69d6a4;font-size:20px}.login-brand span{width:40px;height:40px;display:grid;place-items:center;margin-right:11px;border-radius:11px;color:#fff;background:#1c9d6c}.login-brand b{color:#fff}.login-message{position:relative;z-index:1;margin:auto 0}.login-message p{color:#62cb9b;font-size:9px;letter-spacing:2px;font-weight:800}.login-message h1{margin:13px 0 20px;font-size:clamp(34px,4.2vw,59px);line-height:1.05;letter-spacing:-2.5px}.login-message>span{display:block;max-width:470px;color:#a9beb4;font-size:13px;line-height:1.7}.login-signal{position:relative;z-index:1;display:flex;align-items:center;gap:12px}.login-signal>i{width:9px;height:9px;border-radius:50%;background:#45d28e;box-shadow:0 0 0 6px #45d28e1a}.login-signal span{display:flex;flex-direction:column;gap:3px}.login-signal b{font-size:9px}.login-signal small{color:#7d9c8e;font-size:8px}.login-form-side{display:grid;place-items:center;padding:40px;background:#f6f8f7}.login-card{width:min(400px,100%);padding:36px;border:1px solid #e0e8e4;border-radius:17px;background:#fff;box-shadow:0 16px 45px #15352612}.login-lock{width:45px;height:45px;display:grid;place-items:center;margin-bottom:24px;border-radius:12px;color:#18855b;background:#e9f6ef}.login-card>p{margin:0 0 7px;color:#18865c;font-size:8px;letter-spacing:1.4px;font-weight:800}.login-card h2{margin:0 0 7px;color:#21352a;font-size:21px;letter-spacing:-.5px}.login-card>span{display:block;margin-bottom:25px;color:#829087;font-size:10px}.login-card>label{display:flex;flex-direction:column;gap:7px;margin:15px 0;color:#4e6257;font-size:9px;font-weight:700}.login-card>label>div{height:44px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #dbe3df;border-radius:9px;color:#85938c}.login-card input{min-width:0;flex:1;border:0;outline:0;color:#293b32;font-size:11px}.login-card label button{display:grid;place-items:center;padding:0;border:0;color:#849189;background:transparent}.login-submit{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;border:0;border-radius:9px;color:#fff;font-size:10px;font-weight:750;background:#16865b;box-shadow:0 7px 18px #16865b2e}.login-submit:disabled,.primary-action:disabled{opacity:.6;cursor:wait}.login-help{display:block;margin-top:18px;color:#929e98;font-size:8px;text-align:center}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.building-grid,.resource-grid{grid-template-columns:1fr 1fr}.signal-grid{grid-template-columns:repeat(3,1fr)}.settings-grid,.measurement-workspace{grid-template-columns:1fr}.sensor-history-panel{position:static}.sensor-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-selector fieldset>div{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{transform:translate(-102%);transition:transform .22s ease;box-shadow:20px 0 50px #07191047}.sidebar.is-open{transform:translate(0)}.mobile-close{display:block}.backdrop{position:fixed;inset:0;z-index:15;display:block;border:0;background:#07130d73}main{margin-left:0}.topbar{padding:0 18px}.menu-button{display:grid;place-items:center;padding:0;border:0;color:#42564c;background:transparent}.search{width:100%}.connection{display:none}.content{padding:25px 18px 40px}.page-heading{align-items:flex-start}.page-heading .primary-action{width:38px;height:38px;justify-content:center;padding:0;font-size:0}.page-heading .primary-action svg{width:18px}.building-grid,.resource-grid{grid-template-columns:1fr}.signal-grid{grid-template-columns:1fr 1fr}.page-progress{left:0}.login-page{grid-template-columns:1fr}.login-intro{display:none}.login-form-side{min-height:100vh;padding:20px}.alarm-row{grid-template-columns:38px minmax(0,1fr) auto}.alarm-row .secondary-action{grid-column:2 / -1;justify-self:start}.building-summary-grid{grid-template-columns:1fr 1fr}.building-detail-heading{align-items:flex-start}.section-note,.device-header-action span{display:none}.device-header-action{width:29px;justify-content:center;padding:0}.building-tabs{overflow-x:auto}.building-tabs button{flex:1;white-space:nowrap}.management-heading{align-items:flex-start}.management-heading>div>span{display:none}.comparison-heading{align-items:flex-start;flex-direction:column}.comparison-heading-actions{width:100%}.comparison-heading-actions>span{margin-right:auto}.comparison-selector{grid-template-columns:1fr}.comparison-chart{height:290px}}@media(max-width:520px){.metric-grid{grid-template-columns:1fr}.metric-card{min-height:84px}.alarm-item{grid-template-columns:34px minmax(0,1fr) auto}.alarm-item>b{grid-column:2}.alarm-item>button{grid-column:3;grid-row:1}.page-heading>div>span{display:none}.signal-grid{grid-template-columns:1fr}.resource-facts{grid-template-columns:1fr 1fr}.login-card{padding:27px 22px}.modal-card{padding:24px 19px}.building-summary-grid,.sensor-value-grid{grid-template-columns:1fr}.building-detail-heading .secondary-action{width:35px;min-width:35px;padding:0;font-size:0}.resource-card-actions{align-items:flex-start;flex-direction:column}.building-tabs button{min-width:112px}.management-heading .primary-action{width:38px;height:38px;justify-content:center;padding:0;font-size:0}}.comparison-charts{display:grid;gap:10px;padding:5px 20px 15px}.comparison-unit{overflow:hidden;border:1px solid #e4ebe7;border-radius:10px;background:#fff}.comparison-unit>header{display:flex;align-items:center;justify-content:space-between;padding:9px 13px 3px}.comparison-unit>header strong{color:#2b4a3b;font-size:10px}.comparison-unit>header span{color:#89968f;font-size:8px}.comparison-unit>div{height:220px}.comparison-empty{min-height:220px}@media(max-width:760px){.comparison-charts{padding-right:10px;padding-left:10px}.comparison-unit>div{height:200px}}.all-access-label{display:inline-flex;align-items:center;gap:5px;color:#54806c;font-size:8px;font-weight:700}.building-access-field{min-width:0;margin:17px 0 0;padding:13px;border:1px solid #dfe8e3;border-radius:10px;background:#fbfcfb}.building-access-field>legend{padding:0 6px;color:#40574c;font-size:9px;font-weight:750}.building-access-field>span{display:block;margin:0 0 10px;color:#7f8d86;font-size:8px;line-height:1.45}.building-access-field>div{display:grid;gap:6px;max-height:230px;overflow-y:auto}.building-access-field label{display:grid;grid-template-columns:15px 17px minmax(0,1fr);align-items:center;gap:8px;padding:9px 10px;border:1px solid #e6ece9;border-radius:8px;color:#378064;cursor:pointer;background:#fff}.building-access-field label:has(input:checked){border-color:#a9d1be;background:#eff8f3}.building-access-field input{width:14px;height:14px;margin:0;accent-color:#16865b}.building-access-field label>span{min-width:0;display:flex;flex-direction:column;gap:2px}.building-access-field strong{overflow:hidden;color:#30463a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.building-access-field small{overflow:hidden;color:#89968f;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.object-tab-loading{min-height:260px;display:grid;place-items:center;color:#84928b;font-size:10px}.alarm-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:24px}.alarm-summary article{display:flex;flex-direction:column;gap:6px;padding:15px 17px;border:1px solid var(--line);border-radius:10px;background:#fff}.alarm-summary span{color:#7e8d85;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.alarm-summary strong{color:#273e32;font-size:20px}.object-alarm-section{margin-top:22px}.alarm-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.alarm-rule-grid article{min-width:0;padding:15px;border:1px solid var(--line);border-left:3px solid #b9c8c0;border-radius:10px;background:#fff}.alarm-rule-grid article.active{border-left-color:#e07749;box-shadow:0 4px 14px #8a41220f}.alarm-rule-grid article>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.alarm-rule-grid h3{margin:13px 0 4px;color:#293f34;font-size:11px}.alarm-rule-grid p{overflow:hidden;margin:0 0 13px;color:#87948d;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.alarm-rule-grid article>strong{display:block;color:#3b5548;font-size:9px}.alarm-rule-grid article>small{display:block;margin-top:5px;color:#8b9791;font-size:7px;line-height:1.5}.alarm-severity{padding:4px 7px;border-radius:7px;color:#397299;font-size:7px;font-weight:800;background:#eaf4fa}.alarm-severity.warning{color:#a46632;background:#fff1e6}.alarm-severity.critical{color:#a84237;background:#fdebe8}.object-alarm-events{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#fff}.object-alarm-events article{display:grid;grid-template-columns:35px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid #edf1ef}.object-alarm-events article:last-child{border-bottom:0}.object-alarm-events article>div:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.object-alarm-events strong{color:#2d4136;font-size:10px}.object-alarm-events span{color:#7e8c84;font-size:8px}.object-alarm-events small{color:#9aa49f;font-size:7px}.object-alarm-events b{color:#34483d;font-size:10px;white-space:nowrap}@media(max-width:1050px){.alarm-rule-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.alarm-summary{grid-template-columns:1fr 1fr}.alarm-rule-grid{grid-template-columns:1fr}.object-alarm-events article{grid-template-columns:35px minmax(0,1fr) auto}.object-alarm-events .secondary-action{grid-column:2 / -1;justify-self:start}}