@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-size:12px;--green: #169b5c;--green-dark: #087344;--green-soft: #eaf8f0;--ink: #172033;--muted: #718096;--line: #e7edf0;--canvas: #f7faf8;--blue: #3387df;--purple: #8068d7;--orange: #eb9d45;--red: #e15e61}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--canvas);font:14px DM Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background:var(--canvas)}.sidebar{width:244px;height:100vh;position:fixed;z-index:20;left:0;top:0;display:flex;flex-direction:column;padding:22px 14px 16px;background:#fff;border-right:1px solid var(--line);transition:width .25s ease}.sidebar.collapsed{width:75px;padding-left:12px;padding-right:12px}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:0 9px 30px}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);white-space:nowrap}.brand-mark{width:31px;height:31px;display:grid;place-items:center;color:#fff;border-radius:10px;background:linear-gradient(145deg,#22b873,#087548);box-shadow:0 5px 12px #1499602b}.brand strong{display:block;font:800 16px Manrope,sans-serif;letter-spacing:-.45px}.brand small{display:block;color:#9aa7aa;font-size:12px;letter-spacing:.4px;margin-top:1px}.brand-compact{justify-content:center;width:100%}.collapse-button,.mobile-menu{color:#98a6a8;border:0;background:transparent;padding:6px;display:grid;place-items:center;border-radius:7px}.collapse-button:hover,.mobile-menu:hover,.topbar-icon:hover{color:var(--green);background:var(--green-soft)}.sidebar.collapsed .collapse-button{position:absolute;right:-12px;top:25px;background:#fff;border:1px solid var(--line);box-shadow:0 3px 8px #16332610}.sidebar.collapsed .sidebar-top{padding-left:0;padding-right:0}.nav-kicker{color:#a9b4b6;padding:0 11px 9px;font-size:12px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase}nav{display:grid;gap:3px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;height:42px;padding:0 11px;color:#738183;border:0;border-radius:11px;background:transparent;text-align:left;font-size:13px;font-weight:600;transition:all .18s ease}.nav-item:hover{color:var(--green-dark);background:#f5faf7}.nav-item.active{color:#fff;background:linear-gradient(100deg,#159b5d,#0a8750);box-shadow:0 8px 16px #14985d1e}.nav-icon{width:19px;display:grid;place-items:center;flex:0 0 19px}.nav-label{overflow:hidden;white-space:nowrap;flex:1}.nav-count{padding:3px 6px;color:#94a1a1;background:#f2f5f4;border-radius:5px;font-size:12px;font-weight:700}.nav-item.active .nav-count{color:#daf4e4;background:#fff2}.sidebar.collapsed .nav-item{justify-content:center;padding:0}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-count,.sidebar.collapsed .nav-kicker,.sidebar.collapsed .support-card,.sidebar.collapsed .sidebar-version{display:none}.sidebar-divider{height:1px;margin:24px 11px 21px;background:var(--line)}.sidebar-bottom{margin-top:auto}.support-card{display:flex;align-items:center;gap:9px;margin:0 4px 14px;padding:11px 10px;background:#f3faf6;border:1px solid #dcf1e4;border-radius:12px}.support-orb{width:27px;height:27px;display:grid;place-items:center;color:var(--green);background:#d9f2e3;border-radius:8px}.support-card strong{display:block;color:#286847;font-size:12px}.support-card span{display:block;color:#82a38f;font-size:12px;margin-top:2px}.sidebar-version{color:#afbabb;padding:0 8px;font-size:12px}.sidebar-version span{margin:0 3px}.main-shell{min-height:100vh;margin-left:244px;transition:margin .25s ease}.main-shell.sidebar-collapsed{margin-left:75px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#fff;border-bottom:1px solid var(--line)}.mobile-logo,.mobile-menu{display:none}.topbar-context{display:flex;align-items:center;gap:8px;color:#a5b0b2;font-size:12px}.topbar-context svg{color:#c0c9ca;transform:rotate(180deg)}.topbar-context strong{color:#39494c;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-icon{width:34px;height:34px;display:grid;place-items:center;position:relative;color:#8a999b;border:0;border-radius:9px;background:transparent}.notification-button i{position:absolute;top:2px;right:1px;display:grid;place-items:center;min-width:14px;height:14px;padding:0 3px;color:#fff;background:#e35e62;border:2px solid white;border-radius:99px;font-size:12px;font-style:normal}.topbar-divider{width:1px;height:29px;margin:0 7px;background:var(--line)}.role-switcher{display:flex;align-items:center;position:relative;gap:8px}.avatar{width:33px;height:33px;display:inline-grid;place-items:center;flex:0 0 33px;border-radius:10px;color:#fff;font-size:12px;font-weight:700}.avatar-teal{background:#43aa8b}.avatar-purple{background:#8068d7}.avatar-blue{background:#4b8fd8}.avatar-orange{background:#e49a55}.profile-button{display:flex;flex-direction:column;align-items:flex-start;border:0;background:transparent;padding:0}.profile-button strong{color:#334346;font-size:12px;font-weight:700}.profile-button span{color:#9ba7a9;font-size:12px;margin-top:2px}.profile-chevron{color:#98a5a7;border:0;background:transparent;padding:4px}.role-menu{position:absolute;z-index:30;right:0;top:48px;width:195px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 15px 35px #172d271c}.menu-label{color:#a1acad;padding:5px 8px 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}.role-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 8px;color:#546467;border:0;border-radius:8px;background:transparent;text-align:left;font-size:12px}.role-menu button:hover,.role-menu button.selected{color:var(--green-dark);background:var(--green-soft)}.role-menu button span{color:var(--green)}.menu-divider{height:1px;margin:7px 0;background:var(--line)}.page-content{max-width:1536px;margin:0 auto;padding:34px 42px 50px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:25px}.breadcrumbs{display:flex;align-items:center;gap:6px;margin-bottom:9px;color:#9ba8aa;font-size:12px}.breadcrumbs svg{transform:rotate(180deg);color:#c1cacc}.page-heading h1{margin:0;color:#182a2d;font:800 26px Manrope,sans-serif;letter-spacing:-.9px}.page-heading p{margin:7px 0 0;color:#849294;font-size:13px}.wave{color:#e6a146;font-size:22px}.heading-actions{display:flex;align-items:center;gap:10px}.date-chip{display:flex;align-items:center;gap:7px;height:39px;padding:0 12px;color:#758386;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:12px}.date-chip svg:last-child{margin-left:3px;color:#aab5b5}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:0 15px;border:0;border-radius:10px;font-size:12px;font-weight:700;transition:all .18s ease}.primary-button{color:#fff;background:linear-gradient(105deg,#159e5f,#0b8952);box-shadow:0 7px 15px #13975b20}.primary-button:hover{background:linear-gradient(105deg,#0c8c51,#087242);transform:translateY(-1px)}.secondary-button{color:#637274;border:1px solid var(--line);background:#fff}.secondary-button:hover{background:#f6f9f8}.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:37px;color:var(--green-dark);border:1px solid #cfead9;border-radius:9px;background:#fbfefc;font-size:12px;font-weight:700}.outline-button:hover,.view-link:hover{background:var(--green-soft)}.top-outline{width:auto;padding:0 14px}.live-banner{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;margin-bottom:17px;border:1px solid #dcefe4;border-radius:11px;background:#f0faf4}.banner-status,.banner-meta{display:flex;align-items:center;gap:9px}.banner-status strong{color:#27714d;font-size:12px}.banner-status span:not(.status-pulse){color:#89a497;font-size:12px}.status-pulse{width:7px;height:7px;background:#24ab68;border-radius:99px;box-shadow:0 0 0 4px #a8e5bf}.banner-meta{color:#8da09a;font-size:12px}.banner-meta span{display:inline-flex;align-items:center;gap:5px}.banner-meta svg{color:#5ca47c}.banner-separator{width:3px;height:3px;background:#c1d5c9;border-radius:50%}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px}.metric-card{min-height:127px;padding:17px 18px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 4px 13px #193c2a05}.metric-top{display:flex;align-items:center;gap:8px}.metric-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px}.metric-label{color:#718082;font-size:12px;font-weight:600}.metric-menu{margin-left:auto;color:#b9c2c3;font-size:13px;letter-spacing:1px}.metric-card.green .metric-icon{color:var(--green);background:#e6f7ed}.metric-card.blue .metric-icon{color:var(--blue);background:#e9f2ff}.metric-card.purple .metric-icon{color:var(--purple);background:#f0edff}.metric-card.orange .metric-icon{color:var(--orange);background:#fff4e6}.metric-value{margin-top:10px;color:#1a2d2f;font:800 24px Manrope,sans-serif;letter-spacing:-1px}.metric-value small,.chart-total small,.detail-primary small,.phase-value small,.detail-foot small,.table-power small{margin-left:3px;color:#8e9b9c;font:600 12px DM Sans,sans-serif;letter-spacing:0}.metric-sub{display:flex;align-items:center;gap:5px;margin-top:7px;color:#a2acad;font-size:12px}.trend-up{display:inline-flex;align-items:center;color:#21a765;font-weight:700}.main-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,.85fr);gap:18px;margin-bottom:27px}.panel,.detail-card{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 4px 13px #193c2a05}.chart-panel{min-width:0;padding:20px 22px 15px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.eyebrow{color:#9ba8a8;font-size:12px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase}.panel h2,.detail-card h2,.section-heading h2,.registry-panel h2,.users-panel h2{margin:3px 0 0;color:#1b2d30;font:800 16px Manrope,sans-serif;letter-spacing:-.35px}.panel-header p,.section-heading p,.registry-toolbar p{margin:5px 0 0;color:#98a5a6;font-size:12px}.chart-tools{display:flex;align-items:center;gap:5px}.range-button{padding:6px 9px;color:#a1acad;border:0;border-radius:7px;background:transparent;font-size:12px}.range-button.active{color:var(--green-dark);background:#eaf8f0;font-weight:700}.icon-button{display:inline-grid;place-items:center;width:31px;height:31px;color:#829092;border:1px solid var(--line);border-radius:8px;background:#fff}.icon-button:hover{color:var(--green);background:#f5fbf7}.chart-total{display:flex;align-items:center;gap:8px;margin:16px 0 1px}.chart-total strong{color:#1b3431;font:800 25px Manrope,sans-serif;letter-spacing:-1px}.chart-total>span:last-child{color:#a4afb0;font-size:12px}.chart-wrap{position:relative;height:224px;padding:14px 4px 22px 28px}.chart-empty{height:100%;display:grid;place-items:center;padding:20px;color:#94a5a0;border:1px dashed #cfe1d6;border-radius:10px;background:#fbfefc;text-align:center}.chart-y-labels{position:absolute;left:0;top:16px;bottom:34px;display:flex;flex-direction:column;justify-content:space-between;color:#b0babb;font-size:12px}.line-chart{width:100%;height:100%;overflow:visible}.chart-grid path{fill:none;stroke:#eef2f1;stroke-width:1;stroke-dasharray:3 4}.chart-area{fill:url(#areaFill)}.chart-line{fill:none;stroke:#1eae68;stroke-linecap:round;stroke-width:3}.chart-dot{fill:#fff;stroke:#1da866;stroke-width:3}.chart-x-labels{position:absolute;left:28px;right:3px;bottom:0;display:flex;justify-content:space-between;color:#acb7b7;font-size:12px}.chart-legend{display:flex;align-items:center;gap:16px;padding-top:9px;color:#9daaaa;border-top:1px solid #f1f4f3;font-size:12px}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{width:7px;height:7px;display:inline-block;border-radius:50%}.legend-green{background:var(--green)}.legend-dashed{width:13px!important;height:2px!important;border-radius:0!important;background:repeating-linear-gradient(90deg,#b9c4c3 0 3px,transparent 3px 5px)}.chart-updated{margin-left:auto}.live-dot{width:6px;height:6px;display:inline-block;margin-right:5px;background:#2bae6c;border-radius:50%}.alerts-panel{padding:20px 19px 16px}.view-link,.text-action{display:inline-flex;align-items:center;gap:5px;padding:3px 0;color:var(--green-dark);border:0;background:transparent;font-size:12px;font-weight:700}.alert-list{display:grid;gap:2px;margin:19px 0 17px}.alert-item{display:flex;align-items:center;gap:9px;min-height:59px;padding:9px 4px;border-bottom:1px solid #f0f3f2}.alert-item:last-child{border-bottom:0}.alert-item.unread{background:linear-gradient(90deg,#fff,#fdfefd)}.alert-icon{width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;border-radius:9px}.alert-item.critical .alert-icon{color:#da5c5e;background:#fff0f0}.alert-item.warning .alert-icon{color:#de963c;background:#fff6e9}.alert-item.info .alert-icon{color:#478bd0;background:#edf5ff}.alert-copy{min-width:0;flex:1}.alert-copy strong{display:block;overflow:hidden;color:#354547;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.alert-copy span,.alert-copy small{display:block;overflow:hidden;margin-top:3px;color:#9ca9aa;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.alert-time{align-self:flex-start;flex:0 0 auto;text-align:right}.alert-time strong{display:block;color:#6e7d7f;font-size:12px}.alert-time span{display:block;margin-top:4px;color:#b1bbbc;font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:13px}.section-heading h2{font-size:17px}.section-heading p{margin-top:4px}.fleet-tools,.registry-toolbar{display:flex;align-items:center;gap:8px}.search-input{display:flex;align-items:center;gap:7px;width:160px;height:33px;padding:0 9px;color:#9eabad;border:1px solid var(--line);border-radius:8px;background:#fff}.search-input.large{width:255px;height:36px}.search-input input{min-width:0;width:100%;color:#465658;border:0;outline:0;background:transparent;font-size:12px}.search-input input::placeholder{color:#b1babc}.filter-button{display:inline-flex;align-items:center;gap:6px;height:33px;padding:0 9px;color:#718083;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:12px}.filter-button:hover{background:#f7fbf8;color:var(--green-dark)}.filter-button span{display:grid;place-items:center;min-width:15px;height:15px;color:#fff;background:#65bc8c;border-radius:5px;font-size:12px}.fleet-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(350px,.88fr);gap:18px;align-items:start}.fleet-panel{overflow:hidden}.fleet-header,.device-row{display:grid;grid-template-columns:minmax(220px,1.65fr) .75fr .9fr .7fr 18px;align-items:center;gap:16px}.fleet-header{padding:12px 16px;color:#a7b2b3;background:#fbfcfc;border-bottom:1px solid #edf1f0;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.device-row{width:100%;padding:15px 16px;color:inherit;border:0;border-bottom:1px solid #eff3f2;background:#fff;text-align:left}.device-row:hover,.device-row.selected{background:#f8fcfa}.device-leading{display:flex;align-items:center;gap:10px;min-width:0}.device-icon{width:35px;height:35px;display:grid;place-items:center;flex:0 0 35px;border-radius:10px}.device-icon.online{color:#209c61;background:#e7f7ed}.device-icon.warning{color:#df9a43;background:#fff5e7}.device-icon.offline{color:#a6b1b2;background:#f0f3f3}.device-leading strong{display:block;overflow:hidden;color:#344749;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.device-leading small{display:block;overflow:hidden;margin-top:4px;color:#a0adae;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.device-leading small em{padding:0 3px;color:#c2caca;font-style:normal}.device-reading{min-width:0}.reading-label{display:block;color:#a3aeaf;font-size:12px}.device-reading strong{display:block;margin-top:4px;color:#455759;font-size:12px}.device-reading small{color:#97a4a5;font-size:12px;font-weight:500}.status-pill{display:inline-flex;align-items:center;gap:5px;width:max-content;color:#5c8a71;border-radius:99px;font-size:12px;font-weight:700;white-space:nowrap}.status-pill i,.user-status i{width:6px;height:6px;display:inline-block;border-radius:50%}.status-pill.online i{background:#23aa68}.status-pill.warning{color:#b77d36}.status-pill.warning i{background:#eca34e}.status-pill.offline{color:#899697}.status-pill.offline i{background:#aab5b6}.device-row>svg,.table-row>svg,.user-row>svg{justify-self:end;color:#bdc7c7}.fleet-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;color:#a3afb0;font-size:12px}.fleet-footer button{display:inline-flex;align-items:center;gap:5px;color:var(--green-dark);border:0;background:transparent;font-size:12px;font-weight:700}.detail-card{padding:20px}.detail-head{display:flex;justify-content:space-between;gap:10px}.detail-card h2{font-size:17px}.detail-card p{margin:5px 0 0;color:#94a1a2;font-size:12px}.detail-head .icon-button{border:0;font-size:14px}.live-dot{vertical-align:1px}.detail-id-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 0 14px;margin-top:15px;border-top:1px solid #eff3f2;border-bottom:1px solid #eff3f2}.detail-id-row>span:first-child{display:inline-flex;align-items:center;gap:5px;color:#849294;font-size:12px}.detail-id-row>span:first-child svg{color:#9eb4a5}.mqtt-label{display:inline-flex;align-items:center;margin-left:auto;color:#75a186;font-size:12px}.mqtt-dot{width:6px;height:6px;display:inline-block;margin-right:5px;background:#27ad6b;border-radius:99px}.detail-primary{display:flex;align-items:center;justify-content:space-between;padding:16px 0 18px}.detail-primary>div:first-child>span,.detail-foot span{display:block;color:#9ca9aa;font-size:12px}.detail-primary strong{display:block;margin-top:4px;color:#1d3831;font:800 29px Manrope,sans-serif;letter-spacing:-1.4px}.detail-primary p{margin-top:6px}.power-ring{width:69px;height:69px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#22ad6b 0,#22ad6b 86%,#e9f4ed 86%,#e9f4ed)}.power-ring>div{width:57px;height:57px;display:grid;place-items:center;align-content:center;border-radius:50%;background:#fff}.power-ring strong{margin:0;font-size:17px}.power-ring strong small{font-size:12px}.power-ring span{margin-top:1px;color:#a2adae;font-size:12px}.detail-section{padding-top:13px;border-top:1px solid #eff3f2}.current-section{margin-top:17px}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head h3{margin:0;color:#3b4c4f;font-size:12px}.section-head p{margin:4px 0 0;font-size:12px}.unit-chip{padding:4px 6px;color:#9aa7a8;border-radius:5px;background:#f5f7f7;font-size:12px}.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.phase-card{padding:9px 9px 8px;border:1px solid #edf1f0;border-radius:9px;background:#fbfcfc}.phase-title{display:flex;align-items:center;gap:4px;color:#718083;font-size:12px}.phase-dot{width:5px;height:5px;border-radius:99px}.phase-dot.red{background:#e05e65}.phase-dot.amber{background:#e9a344}.phase-dot.blue{background:#4b8fd8}.phase-icon{margin-left:auto;color:#a9b5b5}.phase-value{margin-top:8px;color:#334749;font:700 16px Manrope,sans-serif}.phase-value small{font-size:12px}.phase-bar{height:3px;overflow:hidden;margin-top:8px;border-radius:9px;background:#edf1f0}.phase-bar span{display:block;height:100%;border-radius:inherit}.phase-bar span.red{background:#e7797b}.phase-bar span.amber{background:#eab362}.phase-bar span.blue{background:#6ba1dc}.phase-range{margin-top:5px;color:#9ca9aa;font-size:12px}.detail-foot{display:flex;align-items:flex-end;justify-content:space-between;padding-top:15px;margin-top:16px;border-top:1px solid #eff3f2}.detail-foot strong{display:block;margin-top:4px;color:#3d5153;font:700 16px Manrope,sans-serif}.detail-foot .text-action{padding-bottom:1px;font-size:12px}.detail-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}.registry-summary{display:flex;align-items:center;gap:28px;padding:14px 18px;margin-bottom:18px;border:1px solid #deeee5;border-radius:13px;background:#fff}.registry-summary>div:not(.registry-summary-note){display:flex;align-items:center;gap:9px}.summary-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px}.summary-icon.green{color:var(--green);background:#e8f7ed}.summary-icon.blue{color:var(--blue);background:#e9f2ff}.summary-icon.orange{color:var(--orange);background:#fff3e3}.summary-icon.purple{color:var(--purple);background:#efecff}.registry-summary strong{display:block;color:#2e4244;font:800 17px Manrope,sans-serif}.registry-summary small{display:block;color:#9ba7a8;margin-top:2px;font-size:12px}.registry-summary-note{display:flex;align-items:center;gap:4px;margin-left:auto;color:#82a090;font-size:12px}.registry-summary-note>span:not(.mqtt-dot){margin:0 5px;color:#c7d4cc}.registry-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(350px,.84fr);gap:18px;align-items:start}.registry-panel,.users-panel{overflow:hidden}.registry-toolbar{justify-content:flex-end;padding:15px 17px;border-bottom:1px solid #eff3f2}.registry-table,.user-table{overflow-x:auto}.table-head,.table-row,.user-row{display:grid;grid-template-columns:minmax(215px,1.5fr) minmax(125px,.9fr) minmax(90px,.75fr) 75px 72px 18px;align-items:center;gap:14px;min-width:770px}.table-head{padding:11px 17px;color:#a5b1b2;background:#fbfcfc;font-size:12px;font-weight:700;letter-spacing:.45px;text-transform:uppercase}.table-row{width:100%;padding:14px 17px;color:inherit;border:0;border-bottom:1px solid #eff3f2;background:#fff;text-align:left}.table-row:hover,.table-row.selected{background:#f7fcf9}.table-row.selected{box-shadow:inset 3px 0 var(--green)}.assigned-person{display:flex;align-items:center;gap:7px;color:#657476;font-size:12px}.small-avatar{width:23px;height:23px;display:grid;place-items:center;color:#fff;background:#64ad8a;border-radius:7px;font-size:12px;font-weight:700}.last-message{color:#8d9a9b;font-size:12px;white-space:nowrap}.table-power{color:#4b5d5f;font-size:12px}.registry-panel+.detail-card{align-self:start}.access-banner{display:flex;align-items:center;gap:11px;padding:14px 16px;margin-bottom:18px;border:1px solid #e7e3fb;border-radius:13px;background:#fbfaff}.access-banner>div{flex:1}.access-banner strong{display:block;color:#555078;font-size:12px}.access-banner div span{display:block;margin-top:3px;color:#9b98b5;font-size:12px}.access-banner .text-action{margin-left:auto;color:#7162bf}.users-panel{padding-bottom:3px}.users-panel .registry-toolbar{justify-content:space-between;align-items:center;padding:18px}.user-table .table-head,.user-row{grid-template-columns:minmax(220px,1.5fr) 90px 125px 125px 75px 18px}.administrator-table .table-head,.administrator-table .user-row{grid-template-columns:minmax(220px,1.5fr) 90px 125px minmax(180px,1fr) 125px 75px 18px;min-width:980px}.user-row{padding:14px 18px;min-width:790px;border-bottom:1px solid #eff3f2}.user-row .avatar{width:34px;height:34px;flex-basis:34px;border-radius:10px}.role-badge{padding:5px 7px;border-radius:6px;font-size:12px;font-weight:800;letter-spacing:.4px}.role-badge.admin{color:#4975ac;background:#edf4ff}.role-badge.user{color:#7967c2;background:#f1effe}.device-assignment{display:flex;align-items:center;gap:8px;color:#667678;font-size:12px}.device-assignment button{display:grid;color:#94a1a2;border:0;background:transparent}.temporary-password{overflow:hidden;color:#657476;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.password-cell{display:flex;align-items:center;gap:8px;min-width:0}.password-reset{flex:0 0 auto;padding:0;color:var(--green-dark);border:0;background:transparent;font-size:12px;white-space:nowrap}.password-reset:hover{text-decoration:underline}.last-active{color:#909e9f;font-size:12px}.user-status{display:inline-flex;align-items:center;gap:5px;color:#5a9a75;font-size:12px}.user-status.pending{color:#bf853e}.user-status.active i{background:#25a868}.user-status.pending i{background:#eca64e}.alert-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.alert-summary>div{padding:14px 17px;border:1px solid var(--line);border-radius:12px;background:#fff}.alert-summary strong{display:block;color:#2c4244;font:800 20px Manrope,sans-serif}.alert-summary span{display:block;margin-top:5px;color:#98a5a6;font-size:12px}.red-text{color:var(--red)!important}.amber-text{color:#d8943b!important}.green-text{color:var(--green)!important}.alert-center-panel{padding:20px}.segmented{display:flex;padding:3px;border-radius:8px;background:#f3f6f5}.segmented button{padding:7px 10px;color:#99a6a7;border:0;border-radius:6px;background:transparent;font-size:12px}.segmented button.active{color:#42815f;background:#fff;box-shadow:0 2px 5px #2148340c;font-weight:700}.full-alert-list{margin-top:15px}.full-alert-list .alert-item{padding:14px 10px}.full-alert-list .alert-copy small{color:#6e7c7d}.full-alert-list .alert-item{min-height:67px}.settings-grid{display:grid;grid-template-columns:285px minmax(0,1fr);gap:18px;align-items:start}.settings-nav{padding:8px}.settings-nav-item{display:flex;align-items:center;gap:11px;padding:13px 11px;color:#8c9a9b;border-radius:9px}.settings-nav-item.active{color:var(--green-dark);background:var(--green-soft)}.settings-nav-item>span{flex:1}.settings-nav-item strong,.settings-nav-item small{display:block}.settings-nav-item strong{color:#526466;font-size:12px}.settings-nav-item.active strong{color:var(--green-dark)}.settings-nav-item small{margin-top:4px;color:#a7b2b3;font-size:12px}.settings-nav-item>svg:last-child{color:#bac4c4}.settings-form{padding:21px}.settings-saved{display:inline-flex;align-items:center;gap:5px;color:#74a187;font-size:12px}.threshold-setting,.toggle-setting{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-top:1px solid #eff3f2}.toggle-setting{width:100%;color:inherit;border-right:0;border-bottom:0;border-left:0;background:transparent;text-align:left}.threshold-setting:first-of-type{margin-top:22px}.threshold-setting strong,.toggle-setting strong{display:block;color:#4a5d5e;font-size:12px}.threshold-setting span,.toggle-setting span:not(.toggle){display:block;margin-top:4px;color:#9aa7a8;font-size:12px}.input-with-unit{display:flex;align-items:center;width:90px;height:34px;border:1px solid #dfe8e4;border-radius:8px;overflow:hidden;background:#fbfdfc}.input-with-unit input{width:100%;padding:0 9px;color:#415557;border:0;outline:0;background:transparent;font-size:12px;font-weight:700}.input-with-unit span{padding:0 8px 0 2px!important;color:#a0acad!important;font-size:12px!important}.toggle{width:36px;height:20px;position:relative;border-radius:99px;background:#dbe4e1}.toggle.on{background:var(--green)}.toggle i{width:16px;height:16px;position:absolute;top:2px;left:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #18422a30}.toggle.on i{left:18px}.settings-save{margin-top:5px}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#15292578;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .18s ease}.modal{width:min(490px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:22px;border:1px solid #e1ebe5;border-radius:17px;background:#fff;box-shadow:0 24px 70px #17382c30;animation:rise .22s ease}.modal-wide{width:min(740px,100%)}.modal-header{display:flex;justify-content:space-between;gap:10px;padding-bottom:18px;border-bottom:1px solid #edf2f0}.modal-header h2{margin:0;color:#1d3032;font:800 18px Manrope,sans-serif;letter-spacing:-.5px}.modal-header p{margin:5px 0 0;color:#96a3a4;font-size:12px}.stepper{display:flex;align-items:center;padding:18px 0 20px}.step{display:flex;align-items:center;gap:7px;color:#a3afb0;white-space:nowrap;font-size:12px;font-weight:700}.step i{width:22px;height:22px;display:grid;place-items:center;color:#aab5b6;border:1px solid #dfe8e4;border-radius:50%;font-style:normal;font-size:12px}.step.active{color:#518967}.step.active i{color:#fff;border-color:var(--green);background:var(--green)}.step-line{height:1px;flex:1;margin:0 8px;background:#e4ebe8}.form-section{margin-bottom:20px}.form-section-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.form-section-title span{color:#4a5d5f;font-size:12px;font-weight:800}.form-section-title small{color:#a1acad;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid.single{grid-template-columns:1fr;gap:14px;margin-top:19px}.form-grid label,.threshold-form label{display:block;color:#667577;font-size:12px;font-weight:700}.form-grid input,.form-grid select{width:100%;height:37px;padding:0 10px;margin-top:6px;color:#405254;border:1px solid #e1e9e5;outline:0;border-radius:8px;background:#fbfdfc;font-size:12px}.form-grid input:focus,.form-grid select:focus,.threshold-form input:focus{border-color:#7cc59c;box-shadow:0 0 0 3px #dff4e7}.mapping-table{overflow:hidden;border:1px solid #e7efeb;border-radius:9px}.mapping-head,.mapping-row{display:grid;grid-template-columns:90px 1fr 80px;align-items:center;gap:12px;padding:8px 11px}.mapping-head{color:#a0adae;background:#f8fbf9;font-size:12px;font-weight:700;text-transform:uppercase}.mapping-row{border-top:1px solid #edf2f0}.mapping-row code{width:max-content;padding:4px 6px;color:#478362;border-radius:5px;background:#eaf7ef;font:700 12px DM Sans,sans-serif}.mapping-row input{width:100%;height:30px;padding:0 8px;border:1px solid #e4ece8;border-radius:6px;outline:0;color:#516365;background:#fff;font-size:12px}.mapping-unit{color:#99a6a7;font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:17px;border-top:1px solid #edf2f0}.threshold-device{display:flex;align-items:center;gap:9px;padding:12px;margin-top:18px;border:1px solid #e6efe9;border-radius:10px;background:#f9fcfa}.threshold-device>div{flex:1}.threshold-device strong,.threshold-device span{display:block}.threshold-device strong{color:#3f5355;font-size:12px}.threshold-device div span{margin-top:3px;color:#9ba8a9;font-size:12px}.threshold-form{display:grid;gap:13px;margin:20px 0}.threshold-form label{display:grid;grid-template-columns:1fr 90px;align-items:center;gap:4px 14px;padding-bottom:13px;border-bottom:1px solid #edf2f0}.threshold-form label>span{color:#536466;font-size:12px}.threshold-form .input-with-unit{grid-column:2;grid-row:1 / span 2}.threshold-form small{color:#a2adaf;font-size:12px;font-weight:400}.threshold-note{display:flex;align-items:center;gap:7px;padding:10px;margin-bottom:18px;color:#7d9f8b;border-radius:8px;background:#eff9f2;font-size:12px}.threshold-note svg{color:var(--green)}.empty-page{display:grid;justify-items:center;align-content:center;min-height:60vh;text-align:center}.empty-icon{width:57px;height:57px;display:grid;place-items:center;margin-bottom:15px;color:var(--green);background:var(--green-soft);border-radius:17px}.empty-page h1{margin:0;font:800 25px Manrope,sans-serif}.empty-page p{margin:8px 0 17px;color:#879496;font-size:13px}.inline-empty-state{display:grid;justify-items:center;gap:6px;min-height:170px;padding:28px 20px;color:#91a39b;text-align:center}.inline-empty-state svg{margin-bottom:4px;color:var(--green)}.inline-empty-state strong{color:#4d6260;font-size:14px}.inline-empty-state span{color:#96a5a3;font-size:12px}.toast{position:fixed;z-index:120;right:24px;bottom:24px;display:flex;align-items:center;gap:9px;padding:11px 15px 11px 11px;color:#49605a;border:1px solid #d8ebe0;border-radius:10px;background:#fff;box-shadow:0 12px 30px #173a2a1c;font-size:12px;font-weight:700;animation:rise .22s ease}.toast-check{width:23px;height:23px;display:grid;place-items:center;color:#fff;background:var(--green);border-radius:7px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1180px){.page-content,.topbar{padding-left:28px;padding-right:28px}.fleet-layout,.registry-layout{grid-template-columns:1fr}.detail-card{max-width:none}.main-grid{grid-template-columns:1.45fr .9fr}.device-row{grid-template-columns:minmax(180px,1.5fr) .7fr .8fr .6fr 18px;gap:10px}.device-row .energy-reading{display:none}.fleet-header{grid-template-columns:minmax(180px,1.5fr) .7fr .8fr 18px}.fleet-header span:nth-child(3){display:none}}@media (max-width: 860px){.sidebar{transform:translate(-100%);box-shadow:15px 0 40px #17392b22}.main-shell,.main-shell.sidebar-collapsed{margin-left:0}.mobile-sidebar-open .sidebar{transform:translate(0)}.mobile-overlay.show{display:block;position:fixed;z-index:15;top:0;right:0;bottom:0;left:0;background:#17382b40}.mobile-overlay,.collapse-button{display:none}.mobile-logo,.mobile-menu{display:grid}.mobile-logo{margin-right:auto}.topbar-context{display:none}.topbar{height:64px;padding:0 18px}.mobile-menu{margin-left:5px}.page-content{padding:27px 18px 42px}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%;justify-content:space-between}.main-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.registry-summary{flex-wrap:wrap;gap:16px}.registry-summary-note{width:100%;margin-left:0}.settings-grid{grid-template-columns:1fr}}@media (max-width: 560px){.page-heading h1{font-size:22px}.live-banner{align-items:flex-start;flex-direction:column;gap:9px}.banner-meta{width:100%;justify-content:space-between}.metric-grid{gap:9px}.metric-card{padding:13px}.metric-value{font-size:21px}.metric-sub{font-size:12px}.chart-panel,.alerts-panel,.detail-card,.alert-center-panel,.settings-form{padding:15px}.chart-tools .range-button{display:none}.chart-legend{gap:8px;font-size:12px;flex-wrap:wrap}.chart-updated{margin-left:0;width:100%}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.fleet-tools{width:100%}.search-input{flex:1}.fleet-header{display:none}.device-row{grid-template-columns:minmax(0,1fr) auto 18px;gap:8px;padding:13px 12px}.device-row .device-reading{display:none}.device-row .status-pill{justify-self:end}.phase-grid{gap:4px}.phase-card{padding-left:6px;padding-right:6px}.phase-value{font-size:14px}.detail-id-row .mqtt-label{width:100%;margin-left:0}.detail-primary strong{font-size:25px}.registry-toolbar{align-items:stretch;flex-wrap:wrap}.registry-toolbar .search-input.large{width:100%}.registry-summary>div:not(.registry-summary-note){flex:1}.alert-summary{grid-template-columns:repeat(2,1fr)}.segmented{margin-top:10px}.panel-header:has(.segmented){flex-direction:column}.form-grid{grid-template-columns:1fr}.step,.step i{font-size:12px}.step-line{margin:0 4px}.modal{padding:17px}.mapping-head,.mapping-row{grid-template-columns:50px 1fr 35px;gap:5px;padding-left:7px;padding-right:7px}.toast{left:16px;right:16px;bottom:16px}.profile-button,.topbar-divider{display:none}}.nav-item{text-decoration:none}.device-row{display:grid;text-decoration:none}.device-row.selected{box-shadow:inset 3px 0 var(--green)}.device-row.compact-device-row{grid-template-columns:minmax(0,1fr) auto 18px}.device-row.compact-device-row .device-reading{display:none}.page-content{animation:pageIn .22s ease both}@keyframes pageIn{0%{opacity:.1;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.device-detail-grid{display:grid;grid-template-columns:minmax(350px,.8fr) minmax(0,1.4fr);gap:18px;align-items:start}.device-detail-side{display:grid;gap:18px}.detail-chart-panel{padding:20px 22px 13px}.mapping-panel{padding:20px 22px 14px}.mapping-panel>.panel-header>svg{color:#9bacad}.field-mapping-list{overflow:hidden;margin-top:17px;border:1px solid #edf2f0;border-radius:9px}.field-mapping-list>div{display:grid;grid-template-columns:45px 1fr 40px;align-items:center;gap:10px;padding:9px 11px;border-bottom:1px solid #edf2f0}.field-mapping-list>div:last-child{border-bottom:0}.field-mapping-list code{width:max-content;padding:4px 6px;color:#478362;border-radius:5px;background:#eaf7ef;font:700 12px DM Sans,sans-serif}.field-mapping-list span{color:#647577;font-size:12px}.field-mapping-list small{color:#a5b0b1;font-size:12px;text-align:right}.device-status-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 17px;margin-bottom:18px;border:1px solid #dcefe4;border-radius:12px;background:linear-gradient(100deg,#f0faf4,#fbfdfc)}.device-status-banner>div:first-child>strong{display:block;margin-top:4px;color:#307554;font-size:12px}.device-status-banner>div:first-child>strong .status-pulse{display:inline-block;margin-right:5px}.device-status-banner>div:first-child>span:last-child{display:block;margin-top:5px;color:#8ca299;font-size:12px}.telemetry-feed{padding:20px;margin-top:18px}.feed-button{width:auto;padding:0 11px}.payload-table{overflow:auto;margin-top:16px;border:1px solid #edf2f0;border-radius:9px}.payload-table .table-head,.payload-row{display:grid;grid-template-columns:1.15fr .75fr 1.3fr .8fr;min-width:620px;align-items:center;gap:12px;padding:10px 12px}.payload-table .table-head{color:#a5b1b2;background:#fbfcfc;font-size:12px;font-weight:700;text-transform:uppercase}.payload-row{color:#788687;border-top:1px solid #edf2f0;font-size:12px}.payload-row>span:first-child{display:flex;align-items:center;gap:5px}.payload-row code{color:#5d7a6b;font-size:12px}.payload-preview{overflow:hidden;color:#929e9f;text-overflow:ellipsis;white-space:nowrap}.ack-label{color:#56a176}.ack-label i{display:inline-block;width:5px;height:5px;margin-right:5px;background:#29aa69;border-radius:50%}.alert-item{width:100%;border-top:0;border-right:0;border-left:0;text-align:left}.alert-item:hover{background:#fbfdfc}.alert-footer-note{display:flex;align-items:center;gap:6px;margin-top:15px;color:#94a3a3;font-size:12px}.alert-footer-note svg{color:#6eae87}.alert-footer-note a{color:var(--green-dark);font-weight:700;text-decoration:none}.reports-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.9fr);gap:18px;margin-top:18px}.report-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.report-summary>div{min-height:113px;padding:16px 17px;border:1px solid var(--line);border-radius:13px;background:#fff}.report-label{display:block;color:#899798;font-size:12px}.report-summary strong{display:block;margin-top:12px;color:#253b3d;font:800 21px Manrope,sans-serif;letter-spacing:-.5px}.report-summary strong small{color:#95a1a2;font:600 12px DM Sans,sans-serif;letter-spacing:0}.report-summary .trend-up,.report-muted{display:block;margin-top:6px;color:#7ca48c;font-size:12px}.report-summary em{margin-left:3px;color:#a1acad;font-style:normal;font-weight:400}.report-summary .report-muted{color:#a0acad}.report-list-panel{padding:20px}.report-export-row{display:flex;align-items:center;gap:9px;padding:14px 0;border-bottom:1px solid #edf2f0}.report-export-row>span:nth-child(2){flex:1}.document-icon{width:29px;height:29px;display:grid;place-items:center;color:#5caa7d;border-radius:8px;background:#eaf7ef}.report-export-row strong,.report-export-row small{display:block}.report-export-row strong{color:#516264;font-size:12px}.report-export-row small{margin-top:4px;color:#a3afb0;font-size:12px}.report-export-row button{display:grid;color:#99a5a6;border:0;background:transparent}.report-list-panel .outline-button{margin-top:17px}.device-report-table{padding:20px;margin-top:18px}.report-table{overflow:auto;margin-top:16px;border:1px solid #edf2f0;border-radius:9px}.report-table .table-head,.report-row{display:grid;grid-template-columns:1.35fr .85fr .85fr 1fr .55fr;min-width:650px;align-items:center;gap:12px;padding:10px 12px}.report-table .table-head{color:#a5b1b2;background:#fbfcfc;font-size:12px;font-weight:700;text-transform:uppercase}.report-row{min-height:53px;color:#728082;border-top:1px solid #edf2f0;font-size:12px}.report-row>strong{color:#526466}.report-progress{height:5px;overflow:hidden;border-radius:9px;background:#edf3ef}.report-progress i{display:block;height:100%;border-radius:inherit;background:#54b681}.report-row .trend-up{font-size:12px}.mqtt-settings{padding:15px 0 1px;margin-top:7px;border-top:1px solid #edf2f0}.settings-subtitle{display:flex;align-items:center;gap:5px;color:#607375;font-size:12px;font-weight:700}.settings-subtitle small{margin-left:auto;color:#66a57f;font-size:12px;font-weight:500}.connection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.connection-grid div{padding:9px;border:1px solid #edf2f0;border-radius:8px;background:#fbfdfc}.connection-grid span,.connection-grid strong{display:block}.connection-grid span{color:#a2adaf;font-size:12px}.connection-grid strong{overflow:hidden;margin-top:5px;color:#5d7071;font:600 12px DM Sans,sans-serif;text-overflow:ellipsis;white-space:nowrap}.profile-grid{display:grid;grid-template-columns:285px minmax(0,1fr);gap:18px;align-items:start}.profile-card{overflow:hidden;text-align:center}.profile-cover{height:90px;background:radial-gradient(circle at 77% 20%,#57bb8c44 0 8%,transparent 8.5%),linear-gradient(120deg,#106f4a,#27aa6d)}.profile-card-body{display:grid;justify-items:center;padding:0 20px 22px}.profile-avatar{width:68px;height:68px;display:grid;place-items:center;margin-top:-29px;border:4px solid #fff;border-radius:20px;color:#fff;font:800 20px Manrope,sans-serif}.profile-card-body h2{margin:11px 0 0;color:#273d3f;font:800 17px Manrope,sans-serif}.profile-card-body p{margin:5px 0 12px;color:#9ba8a9;font-size:12px}.profile-card-body .secondary-button{width:100%;margin-top:18px}.profile-form{padding:20px}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.profile-field{color:#6d7c7e;font-size:12px;font-weight:700}.profile-field input{width:100%;height:37px;padding:0 10px;margin-top:6px;color:#627274;border:1px solid #e1e9e5;outline:0;border-radius:8px;background:#fbfdfc;font-size:12px}.profile-preferences{margin-top:23px;border-top:1px solid #edf2f0}.profile-preferences h3{margin:18px 0 4px;color:#536466;font-size:12px}.preference{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #edf2f0}.preference{width:100%;color:inherit;border:0;background:transparent;text-align:left;cursor:pointer}.form-error{margin:12px 0 0;color:#c65358;font-size:12px}.preference strong,.preference span{display:block}.preference strong{color:#566869;font-size:12px}.preference div>span{margin-top:4px;color:#a1adae;font-size:12px}.help-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.help-hero{display:grid;justify-items:start;align-content:center;min-height:300px;padding:30px;background:linear-gradient(135deg,#f0faf4,#fff)}.help-hero .empty-icon{margin-bottom:17px}.help-hero h2{margin:0;font:800 21px Manrope,sans-serif}.help-hero p{max-width:340px;margin:8px 0 20px;color:#879596;line-height:1.6;font-size:12px}.help-links{display:grid;grid-template-columns:1fr 1fr;gap:11px}.help-link{display:flex;align-items:center;gap:9px;min-height:143px;padding:16px;border:1px solid var(--line);border-radius:13px;background:#fff;text-align:left}.help-link:hover{border-color:#cfe9d9;background:#fbfefc}.help-link>span:nth-child(2){flex:1}.help-link strong,.help-link small{display:block}.help-link strong{color:#536567;font-size:12px}.help-link small{margin-top:5px;color:#9ba8a9;line-height:1.45;font-size:12px}.help-link>svg{color:#bdc8c8}.support-contact{display:flex;align-items:center;gap:11px;padding:15px 17px;margin-top:18px}.support-contact>div{flex:1}.support-contact strong,.support-contact span{display:block}.support-contact strong{color:#506264;font-size:12px}.support-contact div span{margin-top:4px;color:#98a5a6;font-size:12px}.support-contact .outline-button{width:auto;padding:0 13px}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(400px,.95fr) minmax(530px,1.05fr);background:#fff}.auth-visual{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:31px 8%;color:#fff;background:radial-gradient(circle at 83% 23%,#2aa86d30 0 2%,transparent 2.3%),radial-gradient(circle at 10% 88%,#64d99a24 0 16%,transparent 16.5%),linear-gradient(145deg,#0b5137,#08794b 58%,#0b8a55)}.auth-visual .brand strong{color:#fff}.auth-visual .brand small{color:#b9dbc8}.brand-light{color:#fff}.secure-label{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;color:#caead8;border:1px solid #ffffff24;border-radius:99px;font-size:12px}.auth-visual-top{display:flex;align-items:center;justify-content:space-between}.auth-visual-content{max-width:470px;margin:auto 0}.auth-visual-content .eyebrow{color:#a9dac0}.auth-visual-content h1{margin:14px 0;font:800 clamp(34px,4vw,55px) "Manrope",sans-serif;line-height:1.05;letter-spacing:-2.5px}.auth-visual-content h1 em{color:#82dbaa;font-style:normal}.auth-visual-content>p{max-width:405px;margin:0;color:#b8d8c6;line-height:1.7;font-size:13px}.auth-visual-card{max-width:375px;padding:15px 17px 13px;margin-top:35px;border:1px solid #ffffff20;border-radius:15px;background:#ffffff0d;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.auth-card-head,.auth-card-foot{display:flex;align-items:center;justify-content:space-between;color:#a8d9bd;font-size:12px}.auth-card-head span,.auth-card-foot span{display:inline-flex;align-items:center;gap:6px}.auth-card-head strong{color:#d1edde;font-size:12px}.auth-card-head .status-pulse{box-shadow:0 0 0 3px #9be1b544}.auth-sparkline{position:relative;height:98px;padding-top:12px}.auth-sparkline-empty{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px 0}.auth-sparkline-empty .spark-value{position:static}.auth-sparkline-empty>span:last-child{max-width:270px;color:#a8d9bd;font-size:12px;line-height:1.45}.auth-sparkline svg{width:100%;height:74px;margin-top:6px}.auth-sparkline path{fill:none;stroke:#7dd8a6;stroke-width:2.5;stroke-linecap:round}.spark-value{position:absolute;z-index:1;color:#e6faed;font:800 22px Manrope,sans-serif}.spark-value small{color:#a9d8ba;font:600 12px DM Sans,sans-serif}.auth-card-foot{padding-top:10px;border-top:1px solid #ffffff17;color:#9fceb2}.auth-card-foot .legend-green{background:#82dbaa}.auth-visual-foot{display:flex;justify-content:space-between;color:#94cbb0;font-size:12px}.auth-visual-foot span:last-child{display:inline-flex;align-items:center;gap:4px}.auth-form-wrap{display:grid;place-items:center;padding:32px;background:#fbfdfc}.auth-form{width:min(410px,100%)}.auth-mobile-logo{display:none}.auth-heading{margin-bottom:25px}.auth-heading h2{margin:6px 0 7px;color:#223638;font:800 23px Manrope,sans-serif;letter-spacing:-.7px}.auth-heading p{margin:0;color:#91a0a1;font-size:12px;line-height:1.6}.auth-form form>label{display:block;margin-bottom:15px;color:#617173;font-size:12px;font-weight:700}.auth-input{display:flex;align-items:center;gap:8px;height:42px;padding:0 11px;margin-top:7px;color:#9dacab;border:1px solid #dfe8e4;border-radius:9px;background:#fff}.auth-input:focus-within{border-color:#75c397;box-shadow:0 0 0 3px #dbf3e4}.auth-input input{min-width:0;flex:1;color:#4a5e60;border:0;outline:0;background:transparent;font-size:12px}.auth-input input::placeholder{color:#b0babb}.auth-input button{display:grid;padding:3px;color:#a3afb0;border:0;background:transparent}.auth-options{display:flex;align-items:center;justify-content:space-between;margin:-3px 0 18px;color:#94a1a2;font-size:12px}.remember{display:flex;align-items:center;gap:6px}.remember input{accent-color:var(--green)}.auth-options a,.auth-legal a{color:var(--green-dark);font-weight:700;text-decoration:none}.auth-error{padding:9px 10px;margin:-5px 0 13px;color:#bd5b5d;border-radius:8px;background:#fff0f0;font-size:12px}.auth-submit{width:100%;height:42px}.loading-dot{width:15px;height:15px;display:block;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.demo-access{padding:15px 0 0;margin-top:23px;border-top:1px solid #e7efeb}.demo-access-title{display:flex;align-items:center;gap:7px;color:#829091;font-size:12px}.demo-access-title span{color:#5b6d6f;font-weight:800}.demo-access-title i{width:3px;height:3px;background:#bbc5c5;border-radius:50%}.demo-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.demo-role-grid button{display:flex;align-items:center;gap:7px;padding:8px 6px;border:1px solid #e7eeeb;border-radius:8px;background:#fff;text-align:left}.demo-role-grid button:hover,.demo-role-grid button.active{border-color:#98d4b1;background:#f2fbf5}.demo-role-grid .avatar{width:24px;height:24px;flex-basis:24px;border-radius:7px;font-size:12px}.demo-role-grid strong,.demo-role-grid small{display:block;overflow:hidden;white-space:nowrap}.demo-role-grid strong{color:#5a6c6e;font-size:12px}.demo-role-grid small{margin-top:2px;color:#a0acad;font-size:12px}.demo-password{display:block;margin-top:10px;color:#a0acad;font-size:12px}.demo-password code{color:#578269}.auth-legal{margin-top:22px;color:#a7b2b3;text-align:center;font-size:12px}.simple-auth-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#eef9f2,#fff)}.simple-auth-card{width:min(430px,100%);padding:33px;border:1px solid #e1ece6;border-radius:17px;background:#fff;box-shadow:0 20px 55px #17412b14}.auth-lock-icon{width:48px;height:48px;display:grid;place-items:center;margin:30px 0 16px;color:var(--green);border-radius:14px;background:var(--green-soft)}.simple-auth-card .auth-submit{margin-top:17px}.reset-success{padding:18px;margin:20px 0;text-align:center;border-radius:11px;background:#f1faf4}.reset-success .toast-check{display:grid;margin:0 auto 10px}.reset-success strong{color:#417758;font-size:12px}.reset-success p{margin:6px 0 0;color:#8ca397;font-size:12px;line-height:1.5}.back-login{display:inline-flex;align-items:center;gap:4px;margin-top:22px;color:var(--green-dark);font-size:12px;font-weight:700;text-decoration:none}@media (max-width: 1100px){.auth-page{grid-template-columns:.8fr 1.2fr}.auth-visual{padding-left:6%;padding-right:6%}.auth-visual-content h1{font-size:41px}.profile-grid{grid-template-columns:230px minmax(0,1fr)}}@media (max-width: 800px){.device-detail-grid,.reports-grid,.help-grid,.profile-grid{grid-template-columns:1fr}.device-detail-side{display:contents}.device-detail-grid .detail-card{order:1}.device-detail-grid .detail-chart-panel{order:2}.device-detail-grid .mapping-panel{order:3}.profile-card{max-width:430px}.auth-page{display:block}.auth-visual{display:none}.auth-form-wrap{min-height:100vh;padding:24px}.auth-mobile-logo{display:block;margin-bottom:60px}.auth-mobile-logo .brand{justify-content:flex-start}.reports-grid{margin-top:15px}}@media (max-width: 560px){.page-content{padding-left:15px;padding-right:15px}.connection-grid{grid-template-columns:1fr}.report-summary{grid-template-columns:repeat(2,1fr)}.report-summary>div{min-height:105px;padding:13px}.report-summary strong{font-size:18px}.help-links{grid-template-columns:1fr}.help-link{min-height:76px}.help-hero{min-height:250px;padding:22px}.support-contact{align-items:flex-start;flex-wrap:wrap}.support-contact .outline-button{width:100%}.profile-fields{grid-template-columns:1fr}.device-status-banner{align-items:flex-start;flex-direction:column}.auth-form-wrap{padding:19px}.auth-mobile-logo{margin-bottom:43px}.simple-auth-card{padding:24px}.demo-role-grid{grid-template-columns:1fr}.demo-role-grid button{padding:9px}}.device-select-block{padding-top:18px;margin-top:18px;border-top:1px solid #edf2f0}.device-select-block>div:first-child strong,.device-select-block>div:first-child span{display:block}.device-select-block>div:first-child strong{color:#536466;font-size:12px}.device-select-block>div:first-child span{margin-top:4px;color:#9ca9aa;font-size:12px}.device-select-list{display:grid;gap:6px;max-height:178px;overflow-y:auto;padding-right:3px;margin-top:10px}.device-select-list label{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #e7efeb;border-radius:8px;background:#fbfdfc;cursor:pointer}.device-select-list label:hover,.device-select-list label.selected{border-color:#9bd5b3;background:#f2fbf5}.device-select-list input{accent-color:var(--green)}.device-select-list label>span{flex:1}.device-select-list label strong,.device-select-list label small{display:block}.device-select-list label strong{color:#5b6c6e;font-size:12px}.device-select-list label small{margin-top:3px;color:#a1adae;font-size:12px}.device-select-list label>svg{color:transparent}.device-select-list label.selected>svg{color:var(--green)}.dashboard-page .page-heading h1{font-size:30px}.dashboard-page .page-heading p{font-size:14px}.dashboard-page .metric-label{font-size:12px}.dashboard-page .metric-value{font-size:28px}.dashboard-page .metric-sub{font-size:12px}.dashboard-page .panel h2,.dashboard-page .section-heading h2{font-size:18px}.dashboard-page .panel-header p,.dashboard-page .section-heading p{font-size:12px}.dashboard-page .chart-total strong{font-size:28px}.dashboard-page .chart-y-labels,.dashboard-page .chart-x-labels,.dashboard-page .chart-legend,.dashboard-page .device-leading strong,.dashboard-page .device-leading small,.dashboard-page .reading-label,.dashboard-page .device-reading strong,.dashboard-page .status-pill{font-size:12px}.dashboard-page .detail-card h2{font-size:19px}.dashboard-page .detail-card p{font-size:12px}.dashboard-page .detail-primary strong{font-size:32px}.dashboard-page .phase-title,.dashboard-page .section-head h3{font-size:12px}.dashboard-page .phase-value{font-size:18px}@media (max-width: 560px){.dashboard-page .page-heading h1{font-size:24px}.dashboard-page .metric-value{font-size:23px}.dashboard-page .detail-primary strong{font-size:27px}.dashboard-page .phase-value{font-size:15px}}.page-content .breadcrumbs,.page-content .eyebrow{font-size:12px}.page-content .page-heading h1{font-size:30px}.page-content .page-heading p{font-size:14px}.page-content .panel h2,.page-content .section-heading h2{font-size:18px}.page-content .panel-header p,.page-content .section-heading p,.page-content .registry-toolbar p{font-size:12px}.page-content .primary-button,.page-content .secondary-button{font-size:13px}.page-content .filter-button,.page-content .range-button,.page-content .view-link,.page-content .text-action,.page-content .search-input input,.page-content .form-grid input,.page-content .form-grid select,.page-content .profile-field input,.page-content .metric-label{font-size:12px}.page-content .metric-value{font-size:28px}.page-content .metric-sub,.page-content .chart-legend{font-size:12px}.page-content .chart-total strong{font-size:28px}.page-content .device-leading strong,.page-content .device-reading strong,.page-content .table-power,.page-content .device-leading small,.page-content .reading-label,.page-content .status-pill,.page-content .assigned-person,.page-content .last-message,.page-content .last-active,.page-content .user-status{font-size:12px}.page-content .detail-card h2{font-size:19px}.page-content .detail-card p,.page-content .device-status-banner>div:first-child>span:last-child{font-size:12px}.page-content .detail-primary strong{font-size:32px}.page-content .phase-title,.page-content .section-head h3,.page-content .field-mapping-list span,.page-content .threshold-setting strong,.page-content .toggle-setting strong,.page-content .profile-preferences h3{font-size:12px}.page-content .phase-value{font-size:18px}.page-content .table-head,.page-content .report-table .table-head,.page-content .payload-table .table-head{font-size:12px}.page-content .alert-copy strong,.page-content .alert-time strong,.page-content .report-export-row strong,.page-content .report-row>strong,.page-content .settings-nav-item strong,.page-content .help-link strong,.page-content .support-contact strong,.page-content .metadata-grid strong{font-size:12px}.page-content .alert-copy span,.page-content .alert-copy small,.page-content .alert-time span,.page-content .report-export-row small,.page-content .settings-nav-item small,.page-content .help-link small,.page-content .support-contact div span,.page-content .metadata-grid span,.page-content .metadata-owner small{font-size:12px}.auth-form-wrap .auth-heading h2{font-size:25px}.auth-form-wrap .auth-heading p,.auth-form-wrap .auth-input input,.auth-form-wrap .auth-form form>label{font-size:12px}.auth-form-wrap .auth-submit{font-size:13px}.auth-form-wrap .auth-options,.auth-form-wrap .demo-access-title,.auth-form-wrap .demo-password,.auth-form-wrap .auth-legal{font-size:12px}@media (max-width: 560px){.page-content .page-heading h1{font-size:24px}.page-content .page-heading p{font-size:12px}.page-content .metric-value{font-size:23px}.page-content .detail-primary strong{font-size:27px}.page-content .phase-value{font-size:15px}.auth-form-wrap .auth-heading h2{font-size:22px}}.form-grid-wide-field{grid-column:1 / -1}.metadata-panel{padding:20px;margin-top:18px}.metadata-state{display:inline-flex;align-items:center;gap:5px;color:#70a386;font-size:12px}.metadata-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;margin-top:18px;border:1px solid #edf2f0;border-radius:10px;background:#edf2f0}.metadata-grid>div{min-height:63px;padding:11px 12px;background:#fff}.metadata-grid span,.metadata-grid strong{display:block}.metadata-grid span{color:#a0acad;font-size:12px}.metadata-grid strong{overflow:hidden;margin-top:6px;color:#516466;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.metadata-owner{display:flex;align-items:center;gap:9px;padding:12px 0 1px;margin-top:14px;border-top:1px solid #edf2f0}.metadata-owner>span:nth-child(2){flex:1}.metadata-owner small,.metadata-owner strong{display:block}.metadata-owner small{color:#a1adae;font-size:12px}.metadata-owner strong{margin-top:3px;color:#597071;font-size:12px}.metadata-owner-location{display:inline-flex;align-items:center;gap:5px;color:#879596;font-size:12px}.metadata-owner-location svg{color:#9db5a5}@media (max-width: 900px){.metadata-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 560px){.form-grid-wide-field{grid-column:auto}.metadata-panel{padding:15px}.metadata-grid{grid-template-columns:repeat(2,1fr)}.metadata-owner{align-items:flex-start;flex-wrap:wrap}.metadata-owner-location{width:100%;margin-left:41px}}