:root{font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;color:#202421;background:#f4f5f1;font-synthesis:none;text-rendering:optimizeLegibility;letter-spacing:0;--ink: #1d211f;--muted: #6f746e;--line: #dfe1da;--surface: #ffffff;--canvas: #f4f5f1;--amber: #f4b51b;--amber-dark: #b77b00;--green: #3d7358;--red: #b64036}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--canvas)}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.button{min-height:38px;padding:0 15px;border:1px solid transparent;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:650;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.button.primary{background:var(--amber);color:#201b0e;border-color:#dda20f}.button.primary:hover{background:#e5a80f}.button.secondary{background:#fff;color:#333834;border-color:#d8dad3}.button.secondary:hover{border-color:#afb3ab;background:#fafaf8}.icon-button{width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:#5f655f;display:inline-grid;place-items:center}.icon-button:hover{background:#eff0ec;color:var(--ink)}.danger-button:hover{background:#fbebe9;color:var(--red)}.icon-text{gap:7px}.split-actions,.row-actions,.card-actions,.page-actions{display:flex;align-items:center;gap:8px}input,select,textarea{min-height:40px;width:100%;border:1px solid #d5d8d0;border-radius:5px;background:#fff;color:var(--ink);padding:8px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:#aa7a0e;box-shadow:0 0 0 3px #f4b51b29}input:disabled,select:disabled{background:#f2f3ef;color:#767b75}label>span,.form-grid label>span,.filter-bar label>span{display:block;color:#565b56;font-size:12px;font-weight:650;margin-bottom:7px}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon>svg{position:absolute;left:12px;color:#858a84;pointer-events:none}.input-with-icon input{padding-left:38px}.input-with-icon button{position:absolute;right:5px;width:34px;height:34px;border:0;background:transparent;color:#777c76;display:grid;place-items:center}.input-with-icon button+*{padding-right:42px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid .span-2{grid-column:1 / -1}.form-error{margin-top:13px;padding:10px 12px;border-left:3px solid var(--red);background:#fff2f0;color:#9d3129;font-size:13px}.layout-error{flex:0 0 auto;margin:0 0 13px}.success-text{color:var(--green);font-size:12px;font-weight:700}.mono{font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.text-danger{color:var(--red);font-weight:700}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1fr) minmax(420px,560px);background:var(--ink)}.language-switcher{display:inline-flex;align-items:center;gap:7px;color:#555b56;font-size:12px}.language-switcher select{width:auto;min-height:34px;padding:5px 28px 5px 8px;border-color:#d8dad3;background:#fff}.login-language{position:absolute;top:24px;right:28px;z-index:2}.login-brand{padding:clamp(40px,8vw,120px);display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:9px;background:var(--amber)}.login-symbol{position:relative;width:116px;height:116px;margin-bottom:34px;display:grid;place-items:center;border:2px solid #646a65}.login-symbol span{position:relative;z-index:2;color:var(--amber);font-size:56px;font-weight:800}.login-symbol i{position:absolute;height:2px;width:62px;background:#646a65;left:106px}.login-symbol i:nth-of-type(1){top:26px;width:96px}.login-symbol i:nth-of-type(2){top:56px;width:140px}.login-symbol i:nth-of-type(3){top:86px;width:78px}.login-brand h1{font-size:clamp(30px,4vw,50px);line-height:1.15;font-weight:720}.login-brand p{color:#aeb3ae;margin-top:14px;font-size:13px;font-weight:650}.login-panel{background:#f7f7f4;display:grid;place-items:center;padding:40px}.login-panel form{width:min(100%,380px)}.login-panel header{margin-bottom:38px}.login-panel header span{color:var(--amber-dark);font-size:13px;font-weight:800}.login-panel h2{font-size:30px;margin-top:7px;color:var(--ink)}.login-panel label{display:block;margin-bottom:20px}.login-submit{width:100%;min-height:46px;margin-top:10px}.app-shell{min-height:100vh;min-height:100dvh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;z-index:30;background:var(--ink);color:#fff;display:flex;flex-direction:column;transition:width .2s ease}.brand{height:76px;padding:0 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #383d39}.brand-mark{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:2px solid var(--amber);color:var(--amber);font-size:21px;font-weight:800}.brand div{min-width:0;display:flex;flex:1;flex-direction:column;gap:2px}.brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.brand small{color:#8d938e;font-size:9px;font-weight:700;white-space:nowrap}.sidebar-close{display:none;margin-left:auto;border:0;background:transparent;color:#ddd}.sidebar-toggle{position:absolute;top:23px;right:-15px;z-index:2;width:30px;height:30px;padding:0;border:1px solid #d8dad3;border-radius:50%;background:#fff;color:#555b56;display:grid;place-items:center;box-shadow:0 3px 10px #12161329}.sidebar-toggle:hover{border-color:#bf8709;background:#fff8e6;color:#745100}.sidebar nav{min-height:0;padding:18px 12px;display:flex;flex-direction:column;gap:5px;flex:1;overflow-y:auto}.sidebar nav a{min-height:44px;padding:0 13px;color:#adb2ad;text-decoration:none;border-radius:5px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}.sidebar nav a span{min-width:0;max-width:170px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:max-width .2s ease,opacity .12s ease}.sidebar nav a:hover{background:#2b302c;color:#fff}.sidebar nav a.active{background:var(--amber);color:#221d10}.sidebar-foot{border-top:1px solid #383d39;margin:0 16px;padding:17px 2px;color:#9da29d;font-size:11px;display:flex;align-items:center;gap:8px}.sidebar-foot-text{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.live-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#51a46f;box-shadow:0 0 0 3px #51a46f24}.app-main{min-width:0;min-height:100vh;min-height:100dvh;flex:1;margin-left:238px;display:flex;flex-direction:column;transition:margin-left .2s ease}.app-shell.sidebar-collapsed .sidebar{width:76px}.app-shell.sidebar-collapsed .brand{padding:0 19px}.app-shell.sidebar-collapsed .brand>div{display:none}.app-shell.sidebar-collapsed .sidebar nav a span{max-width:0;opacity:0}.app-shell.sidebar-collapsed .sidebar-foot-text{max-width:0;opacity:0}.app-shell.sidebar-collapsed .sidebar nav{padding-inline:10px}.app-shell.sidebar-collapsed .sidebar nav a{padding:0;justify-content:center;gap:0}.app-shell.sidebar-collapsed .sidebar-foot{margin-inline:10px;justify-content:center}.app-shell.sidebar-collapsed .app-main{margin-left:76px}.topbar{height:64px;flex:0 0 64px;position:sticky;top:0;z-index:20;background:#fffffff5;border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center}.menu-button{display:none;margin-right:8px}.topbar-state{display:flex;align-items:center;gap:8px;color:#666b66;font-size:12px;font-weight:650}.tenant-switcher{width:min(250px,25vw);margin-left:22px;display:flex;align-items:center;gap:8px;color:#666b66}.tenant-switcher select{min-height:34px;padding-block:5px;font-size:12px;font-weight:650}.topbar-language{margin-left:auto}.account{position:relative;margin-left:auto}.topbar-language+.account{margin-left:18px}.account>button{min-height:44px;border:0;background:transparent;display:flex;align-items:center;gap:9px;color:#343934}.avatar{width:32px;height:32px;border-radius:50%;display:inline-grid;place-items:center;background:#2f3430;color:#fff;font-weight:750}.avatar.small{width:34px;height:34px;font-size:13px}.account-menu{position:absolute;right:0;top:48px;width:180px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 12px 28px #191e1a1f}.account-menu span{display:block;padding:8px 10px;color:var(--muted);font-size:12px;border-bottom:1px solid #eee}.account-menu button{width:100%;min-height:38px;border:0;background:transparent;display:flex;align-items:center;gap:8px;padding:0 10px;color:#444a45}.account-menu button:hover{background:#f2f3ef}.page-content{width:min(100%,1600px);min-width:0;margin:0 auto;padding:26px 30px 50px}.page-content-dashboard{height:calc(100vh - 64px);height:calc(100dvh - 64px);min-height:0;padding-block:22px;display:flex;flex-direction:column}.page-content-dashboard>.dashboard-metrics{flex:0 0 auto;margin-bottom:18px}.page-content-statistics{padding-bottom:42px}.page-content-statistics .page-header{margin-bottom:18px}.page-content-layout,.page-content-table,.page-content-devices{height:calc(100vh - 64px);height:calc(100dvh - 64px);min-height:0;padding-bottom:24px;display:flex;flex-direction:column}.page-content-table>.page-header,.page-content-devices>.page-header{flex:0 0 auto}.page-content-table>.filter-bar{flex:0 0 auto}.page-content-table>.table-section{min-height:0;flex:1 1 auto;display:flex;flex-direction:column}.page-content-table>.table-section .table-scroll{min-height:0;flex:1 1 auto;overflow:auto}.page-content-devices>.toolbar{flex:0 0 auto}.page-content-devices>.table-section{min-height:0;flex:1 1 auto;display:flex;flex-direction:column}.page-content-devices>.table-section .table-scroll{min-height:0;flex:1 1 auto;overflow:auto}.page-content-devices>.group-grid{min-height:0;flex:1 1 auto;overflow:auto;align-content:start}.page-content-settings .gateway-section .table-scroll{max-height:clamp(220px,35dvh,420px);overflow:auto}.page-header{min-height:58px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-header>div:first-child{min-width:0}.page-content-layout .page-header{flex:0 0 auto}.page-header h1{font-size:25px;line-height:1.2;color:var(--ink)}.page-header p{color:var(--muted);font-size:12px;margin-top:7px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:26px}.metric-tile{min-height:116px;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:20px;display:flex;align-items:flex-start;gap:15px}.metric-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:5px;background:#eff0ed;color:#525852}.metric-tile>div:last-child{min-width:0;display:flex;flex-direction:column}.metric-tile span{color:var(--muted);font-size:12px}.metric-tile strong{font-size:25px;margin-top:5px;color:var(--ink);white-space:nowrap}.metric-tile small{color:#8a8f89;font-size:11px;margin-top:5px}.metric-tile.tone-amber{border-top:3px solid var(--amber)}.metric-tile.tone-amber .metric-icon{background:#fff5d9;color:#986900}.metric-tile.tone-green .metric-icon{background:#e9f3ed;color:var(--green)}.metric-tile.tone-red .metric-icon{background:#faeae8;color:var(--red)}.section-block{background:var(--surface);border:1px solid var(--line);border-radius:6px;margin-bottom:18px}.section-heading{min-height:62px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e8e2}.section-heading h2{font-size:15px;color:var(--ink)}.section-heading span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.monitor-board{min-height:0;flex:1 1 auto;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column}.monitor-board>.feedback{min-height:0;flex:1 1 auto}.monitor-board>.table-pagination{flex:0 0 auto}.device-grid{min-height:0;flex:1 1 auto;overflow:auto;align-content:start;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:108px;gap:10px;padding:12px}.device-tile{position:relative;min-width:0;height:108px;container-type:inline-size;overflow:hidden;border:1px solid #dde0d9;border-top:4px solid var(--green);border-radius:5px;background:#fafbf8;padding:7px 10px 30px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #1a1f1b0a}.device-tile.device-warning{border-top-color:var(--amber);background:#fffbef}.device-tile.device-danger{border-top-color:var(--red);background:#fff5f3}.device-tile.device-overweight{border-color:#9f332c;background:#b84037;color:#fff}.device-tile.device-offline{border-top-color:#979c96;background:#f0f1ed;color:#777c76}.device-weight{width:100%;min-width:0;overflow:hidden;color:var(--ink);line-height:.95;font-weight:790;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap}.device-weight.weight-short{font-size:clamp(31px,29cqi,48px)}.device-weight.weight-medium{font-size:clamp(27px,24cqi,42px)}.device-weight.weight-long{font-size:clamp(23px,19cqi,34px)}.device-tile h2{position:absolute;right:10px;bottom:9px;left:10px;overflow:hidden;color:#555b56;font-size:12px;line-height:1.35;font-weight:680;text-align:center;text-overflow:ellipsis;white-space:nowrap}.device-tile.device-overweight .device-weight,.device-tile.device-overweight h2{color:#fff}.device-tile.device-offline .device-weight,.device-tile.device-offline h2{color:#777c76}.status-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:20px;font-size:11px;font-weight:750;white-space:nowrap;background:#eceeeb;color:#666b66}.status-online,.status-normal,.status-active,.status-resolved{background:#e7f3eb;color:#2f704f}.status-offline,.status-disabled{background:#eceeeb;color:#6e736e}.status-overweight,.status-fault,.status-open{background:#fae9e7;color:#aa382f}.status-low_battery,.status-acknowledged{background:#fff2cf;color:#8a6100}.dashboard-lower{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:18px}.chart-wrap{height:280px;padding:18px 14px 10px 5px}.group-total-list{padding:6px 17px 13px}.group-total-list>div{min-height:57px;display:grid;grid-template-columns:8px minmax(0,1fr) auto 18px;align-items:center;gap:11px;border-bottom:1px solid #eceee8}.group-total-list>div:last-child{border-bottom:0}.group-color{width:7px;height:32px;border-radius:2px}.group-total-list strong,.group-total-list small{display:block}.group-total-list strong{font-size:13px}.group-total-list small{color:var(--muted);font-size:10px;margin-top:3px}.group-total-list b{font-size:13px}.toolbar{min-height:48px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:14px}.segmented{padding:3px;display:inline-flex;background:#e8eae5;border-radius:6px}.segmented button{min-height:34px;padding:0 15px;border:0;border-radius:4px;background:transparent;color:#646964;font-size:12px;font-weight:700}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #1a1e1b1f}.search-box{position:relative;width:min(300px,100%)}.search-box svg{position:absolute;left:11px;top:11px;color:#858a84}.search-box input{padding-left:36px}.device-filters{display:flex;align-items:center;gap:8px}.device-group-filter{width:150px}.compact-select{width:140px}.table-section{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:6px}.table-section>.table-pagination{flex:0 0 auto}.page-content-table>.table-section>.feedback,.page-content-devices>.table-section>.feedback{min-height:0;flex:1 1 auto}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px 15px;text-align:left;border-bottom:1px solid #e8e9e4;font-size:12px;white-space:nowrap}th{height:44px;background:#f2f3ef;color:#626762;font-size:11px;font-weight:750}.table-scroll thead th{position:sticky;top:0;z-index:2;box-shadow:0 1px #dfe1da}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbf8}td strong{font-weight:700}.actions-col{width:80px;text-align:center}td:last-child .icon-button{margin:-7px 0}.device-cell,.user-cell{display:flex;align-items:center;gap:10px}.device-cell>span{width:30px;height:30px;border-radius:4px;display:grid;place-items:center;background:#252a26;color:var(--amber);font-weight:800}.device-cell strong,.device-cell small,.user-cell strong,.user-cell small,.table-sub{display:block}.device-cell small,.user-cell small,.table-sub{color:var(--muted);font-size:10px;margin-top:3px}.indicator-form{display:flex;flex-direction:column;gap:18px}.indicator-form>div{padding-bottom:14px;border-bottom:1px solid var(--line)}.indicator-form>div strong,.indicator-form>div small{display:block}.indicator-form>div small,.indicator-form>p{margin-top:5px;color:var(--muted);font-size:11px}.group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.group-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:17px}.group-card header{display:flex;align-items:center;gap:11px}.group-swatch{width:10px;height:40px;border-radius:2px}.group-card h2{font-size:15px}.group-card small{color:var(--muted);font-size:11px}.group-card .card-actions{margin-left:auto}.range-line{margin-top:18px;padding-top:14px;border-top:1px solid #eceee8;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;color:#6b706b;font-size:11px}.range-line strong{color:var(--ink);font-size:12px}.filter-bar{margin-bottom:14px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:6px;display:grid;grid-template-columns:repeat(5,minmax(120px,1fr)) auto;align-items:end;gap:10px}.filter-bar label>span{margin-bottom:5px}.alert-row{background:#fff9f7}.overweight-row{background:#fff0ee}.table-pagination{min-height:58px;padding:10px 14px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:18px}.pagination-count,.pagination-controls>span{color:var(--muted);font-size:12px;white-space:nowrap}.pagination-size{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.pagination-size>span{margin:0}.pagination-size select{width:68px;min-height:34px;padding:5px 8px}.pagination-controls{display:flex;align-items:center;gap:7px}.pagination-controls .icon-button{width:34px;height:34px;border-color:#d8dad3;background:#fff}.statistics-filter{position:relative;z-index:4;margin-bottom:14px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:6px;display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));align-items:end;gap:10px}.statistics-filter>*{min-width:0}.statistics-filter label>span,.multi-select-field>span{display:block;margin-bottom:5px;color:#565b56;font-size:12px;font-weight:650}.statistics-filter>.button{min-height:40px}.statistics-error{margin:0 0 14px}.multi-select-field{position:relative;min-width:0}.multi-select-trigger{width:100%;min-height:40px;padding:7px 9px 7px 11px;border:1px solid #d5d8d0;border-radius:5px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:8px}.multi-select-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:20;width:max(100%,270px);overflow:hidden;background:#fff;border:1px solid #d7dad2;border-radius:6px;box-shadow:0 14px 34px #181d1929}.multi-select-search{position:relative;padding:9px;border-bottom:1px solid #eceee8}.multi-select-search svg{position:absolute;top:21px;left:20px;color:#858a84}.multi-select-search input{min-height:36px;padding-left:34px}.multi-select-actions{min-height:34px;padding:0 10px;border-bottom:1px solid #eceee8;display:flex;align-items:center;justify-content:space-between;gap:8px}.multi-select-actions button{border:0;background:transparent;color:#875f00;font-size:11px;font-weight:700}.multi-select-actions span{color:var(--muted);font-size:10px}.multi-select-options{max-height:250px;overflow-y:auto;padding:5px}.multi-select-options label{min-height:42px;padding:5px 7px;border-radius:4px;display:flex;align-items:center;gap:9px;cursor:pointer}.multi-select-options label:hover{background:#f4f5f1}.multi-select-options input{width:16px;min-height:16px;flex:0 0 16px;accent-color:#a67608}.multi-select-options label>span{min-width:0}.multi-select-options strong,.multi-select-options small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select-options strong{font-size:12px}.multi-select-options small{margin-top:2px;color:var(--muted);font-size:10px}.multi-select-empty{padding:20px 10px;color:var(--muted);font-size:11px;text-align:center}.statistics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.statistics-kpis section{min-width:0;min-height:82px;padding:13px 15px;background:#fff;border:1px solid var(--line);border-radius:6px;display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:9px;align-items:center}.statistics-kpis svg{grid-row:1 / 3;color:#98700e}.statistics-kpis span{color:var(--muted);font-size:11px}.statistics-kpis strong{min-width:0;overflow:hidden;color:var(--ink);font-size:21px;text-overflow:ellipsis;white-space:nowrap}.statistics-chart-section{overflow:hidden;margin-bottom:14px;background:#fff;border:1px solid var(--line);border-radius:6px}.statistics-section-heading{min-height:56px;padding:10px 14px 10px 17px;border-bottom:1px solid #e7e8e2;display:flex;align-items:center;justify-content:space-between;gap:12px}.statistics-section-heading h2{font-size:14px}.statistics-mode button{min-height:30px;padding-inline:12px}.statistics-chart{width:100%;height:350px;padding:12px 9px 4px 0}.statistics-chart-section>.feedback{min-height:300px}.statistics-table{margin-bottom:0}.statistics-table>.statistics-section-heading{border-bottom:0}.alert-list{display:flex;flex-direction:column;gap:10px}.alert-item{min-height:106px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:5px;padding:16px;display:flex;align-items:center;gap:14px}.alert-item.severity-critical{border-left-color:var(--red)}.alert-icon{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;background:#fff2d1;color:#936600;border-radius:5px}.severity-critical .alert-icon{background:#fae9e7;color:var(--red)}.alert-main{min-width:0;flex:1}.alert-main header{display:flex;align-items:center;gap:10px}.alert-main p{color:#555a55;margin-top:7px;font-size:13px}.alert-main footer{display:flex;align-items:center;gap:12px;margin-top:9px;color:#838883;font-size:10px}.layout-workspace{min-height:0;flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1fr) 272px;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}.layout-stage-wrap{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.stage-toolbar{min-height:58px;flex:0 0 auto;border-bottom:1px solid var(--line);padding:9px 14px;display:flex;align-items:center;gap:20px}.stage-toolbar label{width:240px;min-width:0}.stage-toolbar label span{display:none}.stage-toolbar-actions{min-width:0;margin-left:auto;display:flex;align-items:center;gap:10px}.layout-mode-switch{flex:0 0 auto}.layout-mode-switch button{min-height:32px;padding-inline:10px}.stage-toolbar-hint{color:var(--muted);font-size:11px;display:flex;align-items:center;gap:6px}.stage-fullscreen-button{flex:0 0 auto;border-color:#d8dad3;background:#fff}.layout-workspace:fullscreen{width:100vw;height:100vh;height:100dvh;border-radius:0;background:#fff}.layout-workspace:fullscreen::backdrop{background:#1d211f}.layout-workspace:fullscreen .layout-stage-wrap{min-height:0}.layout-workspace:fullscreen .layout-scroll{min-height:0;height:auto;flex:1 1 auto}.layout-workspace:fullscreen .layout-canvas{min-width:100%;min-height:100%;margin:0;border:0}.layout-load-summary{min-height:48px;flex:0 0 auto;padding:7px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;overflow-x:auto;background:#fafaf8}.layout-load-summary>b{color:var(--muted);font-size:11px;white-space:nowrap}.layout-load-summary>span{min-height:32px;padding:0 10px;border-left:1px solid #dfe1da;display:grid;grid-template-columns:6px auto auto;align-items:center;gap:4px 7px;white-space:nowrap;font-size:11px}.layout-load-summary>span>i{width:6px;height:20px;grid-row:1 / 3;border-radius:2px;background:var(--green)}.layout-load-summary small{grid-column:2;color:var(--muted);font-size:9px}.layout-load-summary strong{grid-column:3;grid-row:1 / 3;font-size:12px}.layout-scroll{min-height:0;flex:1 1 auto;overflow:auto;background-color:#f1f2ed;background-image:linear-gradient(#dde0d8 1px,transparent 1px),linear-gradient(90deg,#dde0d8 1px,transparent 1px);background-size:24px 24px}.layout-canvas{position:relative;margin:24px;background:#ffffffdb;border:1px solid #cfd2ca}.canvas-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;color:#8a8f89;font-size:12px}.layout-truss-assembly{position:absolute;min-width:160px;touch-action:none}.layout-truss{position:absolute;inset:0;width:100%;min-height:16px;padding:0;border:0;border-radius:2px;background:transparent;color:var(--ink);display:block;touch-action:none}.truss-visual{position:absolute;inset:0;transform-origin:center;pointer-events:none}.truss-visual svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.truss-body{fill:color-mix(in srgb,var(--truss-color) 13%,#ffffff);stroke:color-mix(in srgb,var(--truss-color) 72%,#303631);stroke-width:2}.truss-brace{stroke:color-mix(in srgb,var(--truss-color) 68%,#ffffff);stroke-width:1.5;opacity:.85}.truss-label{position:absolute;left:50%;transform:translate(-50%,-50%);min-width:max-content;display:flex;align-items:baseline;gap:7px;color:#343a35;font-size:12px;font-weight:750}.truss-label small{color:var(--muted);font-size:9px;font-weight:500}.layout-point{position:absolute;width:92px;height:58px;padding:7px 6px 5px;border:2px solid var(--point-color, var(--green));border-radius:5px;background:#fff;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none;box-shadow:0 3px 8px #1b201c1a;z-index:2}.layout-point>span{position:absolute;top:-10px;left:6px;min-width:21px;height:21px;padding:0 5px;border-radius:11px;background:var(--point-color, var(--green));color:#fff;display:grid;place-items:center;font-size:9px;font-weight:800}.layout-point strong{font-size:19px;line-height:1.05;font-variant-numeric:tabular-nums}.layout-point small{max-width:100%;margin-top:4px;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.layout-point.attached{transform:translateZ(0)}.layout-point.orphan{z-index:3}.layout-point.overweight{border-color:#982f29;background:#b84037;color:#fff}.layout-point.overweight>span{background:#8f2924}.layout-point.overweight small{color:#ffe4e1}.layout-truss.selected,.layout-point.selected{outline:3px solid rgba(244,181,27,.45);outline-offset:3px}.range-field output{float:right;min-width:30px;text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}.range-field input[type=range]{width:100%;accent-color:var(--green)}.inspector{min-height:0;border-left:1px solid var(--line);background:#fafaf8;display:flex;flex-direction:column;overflow:hidden}.inspector>header{height:58px;flex:0 0 58px;border-bottom:1px solid var(--line);padding:0 14px;display:flex;align-items:center;justify-content:space-between}.inspector h2{font-size:14px}.inspector-form{min-height:0;padding:16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.inspector-form .form-grid{gap:10px}.inspector-empty{min-height:0;flex:1;display:grid;place-content:center;justify-items:center;gap:8px;color:#929791;font-size:11px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.settings-section{min-width:0;background:#fff;border:1px solid var(--line);border-radius:6px;padding:20px}.settings-section>header{display:flex;align-items:center;gap:11px;margin-bottom:22px}.settings-section>header>svg{color:var(--amber-dark)}.settings-section h2{font-size:15px}.settings-section header span{color:var(--muted);font-size:10px}.setting-rows{border-top:1px solid #eceee8}.setting-rows>div{min-height:51px;border-bottom:1px solid #eceee8;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.setting-rows>div>span{color:var(--muted)}.protocol-note{margin:17px 0;padding:11px 12px;background:#fff6dc;border-left:3px solid var(--amber);display:flex;align-items:flex-start;gap:9px;color:#6d5517}.protocol-note p{font-size:11px;line-height:1.6}.gateway-section .table-scroll{padding:0}.feedback{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#7e837d;font-size:12px}.feedback.error{color:var(--red)}.spin{animation:spin 1s linear infinite}.live-dot.muted{background:#9da19b;box-shadow:none}.splash{min-height:100vh;display:grid;place-items:center}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#1216137a;display:grid;place-items:center;padding:20px}.modal{width:min(100%,560px);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:7px;box-shadow:0 24px 60px #0c100d3d}.modal>header{min-height:60px;padding:0 18px 0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal h2{font-size:16px}.modal-body{padding:22px}.modal>footer{min-height:66px;padding:13px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.nav-scrim{display:none}@media(max-width:1180px){.metric-grid,.group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-bar{grid-template-columns:repeat(3,minmax(150px,1fr))}.stage-toolbar{gap:8px}.stage-toolbar label{width:min(240px,45%)}.stage-toolbar-hint{display:none}.layout-mode-switch button{padding-inline:8px}.statistics-filter{grid-template-columns:repeat(3,minmax(140px,1fr))}}@media(max-width:900px){.sidebar,.app-shell.sidebar-collapsed .sidebar{width:238px;transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:none}.app-shell.sidebar-collapsed .brand{padding:0 20px}.app-shell.sidebar-collapsed .brand>div{display:flex}.app-shell.sidebar-collapsed .sidebar nav{padding:18px 12px}.app-shell.sidebar-collapsed .sidebar nav a{padding:0 13px;justify-content:flex-start;gap:12px}.app-shell.sidebar-collapsed .sidebar nav a span{max-width:170px;opacity:1}.app-shell.sidebar-collapsed .sidebar-foot-text{max-width:190px;opacity:1}.app-shell.sidebar-collapsed .sidebar-foot{margin:0 16px;justify-content:flex-start}.sidebar-close{display:grid;place-items:center}.nav-scrim{display:block;position:fixed;inset:0;z-index:25;border:0;background:#0f12106b}.app-main,.app-shell.sidebar-collapsed .app-main{margin-left:0}.menu-button{display:grid}.page-content{padding:22px 20px 42px}.page-content-dashboard{height:auto;min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px);padding-bottom:32px;display:block}.page-content-dashboard>.dashboard-metrics{margin-bottom:14px}.monitor-board{min-height:max(420px,calc(100dvh - 300px));overflow:visible}.device-grid{overflow:visible}.page-content-layout,.page-content-table,.page-content-devices{height:auto;min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px);display:block}.page-content-table>.table-section,.page-content-devices>.table-section{display:block}.page-content-table>.table-section .table-scroll,.page-content-devices>.table-section .table-scroll{max-height:none;overflow-x:auto;overflow-y:visible}.page-content-settings .gateway-section .table-scroll{max-height:none;overflow-x:auto;overflow-y:visible}.dashboard-lower,.settings-grid{grid-template-columns:1fr}.layout-workspace{min-height:0;display:grid;grid-template-columns:minmax(0,1fr)}.layout-workspace:fullscreen{grid-template-columns:minmax(0,1fr);overflow:auto}.layout-scroll{height:clamp(380px,62dvh,520px);min-height:0;flex:none}.layout-workspace:fullscreen .layout-scroll{height:clamp(380px,62dvh,520px);flex:none}.inspector{min-height:210px;border-left:0;border-top:1px solid var(--line);overflow:visible}.inspector-form{overflow:visible}.inspector-empty{min-height:150px}}@media(max-width:700px){.login-page{grid-template-columns:1fr;background:#f7f7f4}.login-brand{min-height:250px;padding:38px 28px;justify-content:flex-end}.login-symbol{width:72px;height:72px;margin-bottom:22px}.login-symbol span{font-size:36px}.login-symbol i{display:none}.login-brand h1{font-size:28px}.login-panel{padding:36px 24px 52px;place-items:start center}.login-language{top:16px;right:14px}.topbar{padding:0 14px}.account-name,.topbar-state span{display:none}.topbar-language{margin-left:auto}.topbar-language svg{display:none}.topbar-language select{min-height:32px;font-size:11px}.tenant-switcher{width:min(145px,39vw);margin-left:8px}.tenant-switcher>svg{display:none}.tenant-switcher select{min-height:32px;font-size:11px}.page-content{padding:18px 14px 36px}.page-header{align-items:flex-start;flex-direction:column;margin-bottom:18px}.page-header h1{font-size:22px}.page-actions{width:100%;overflow-x:auto;padding-bottom:2px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-tile{min-height:100px;padding:14px;gap:10px}.metric-icon{width:34px;height:34px}.metric-tile strong{font-size:19px;white-space:normal}.metric-tile small{display:none}.device-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));grid-auto-rows:102px;gap:8px;padding:10px}.device-tile{height:102px;padding:7px 8px 29px}.group-grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.search-box,.device-filters{width:100%}.device-filters .search-box{flex:1}.device-group-filter{width:150px}.segmented{overflow-x:auto}.filter-bar{grid-template-columns:1fr 1fr}.filter-bar .button{grid-column:1 / -1}.alert-item{align-items:flex-start;flex-wrap:wrap}.alert-item>.button{margin-left:54px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.layout-scroll{height:clamp(320px,52dvh,440px)}.stage-toolbar-hint{display:none}.stage-toolbar label{width:auto;flex:1}.settings-section{padding:16px}.statistics-filter{grid-template-columns:1fr 1fr}.statistics-filter>.button{grid-column:1 / -1}.statistics-kpis{grid-template-columns:1fr 1fr;gap:8px}.statistics-kpis section{min-height:76px;padding:11px}.statistics-kpis strong{font-size:18px}.statistics-chart{height:310px}}@media(max-width:430px){.page-content-dashboard .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.page-content-dashboard .dashboard-metrics .metric-tile{min-height:94px;padding:12px;gap:8px}.metric-grid{grid-template-columns:1fr}.metric-tile{min-height:90px}.filter-bar{grid-template-columns:1fr}.filter-bar .button{grid-column:auto}.split-actions{width:max-content}.page-actions{max-width:100%}.table-pagination{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.pagination-controls{grid-column:1 / -1;justify-self:end}.multi-select-popover{width:100%}.statistics-date-field{grid-column:1 / -1}.statistics-section-heading{align-items:stretch;flex-direction:column}.statistics-mode{width:100%}.statistics-mode button{flex:1}}.settings-fields{margin:0;padding:0;border:0;min-width:0}.settings-save{margin-top:20px}.settings-hint{margin:14px 0;font-size:12px;line-height:1.6;color:var(--muted)}.field-hint{display:block;margin-top:7px;font-size:12px;line-height:1.5;color:var(--muted)}.settings-hint.success-text{color:var(--green)}.settings-section>form{margin-top:20px}