@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;700&display=swap";.profile-modal-shell{position:fixed;inset:0;z-index:145;display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:18px}.profile-modal-backdrop{position:absolute;inset:0;border:none;background:#020810c2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-modal-card{position:relative;z-index:1;width:min(100%,560px);margin:auto;padding:22px 22px 18px;border:1px solid rgba(173,203,232,.14);border-radius:28px;background:linear-gradient(180deg,#ffffff0f,#ffffff05),#081421f7;box-shadow:0 30px 70px #0000006b}.profile-modal-card__header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:18px}.profile-modal-card__header h2{margin-top:4px;font-size:1.55rem}.profile-modal-close{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(173,203,232,.14);border-radius:12px;background:#ffffff0a;color:var(--text);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.profile-modal-close:hover{transform:translateY(-1px);border-color:#f08c5a47;background:#ffffff14}.profile-modal-close svg{width:18px;height:18px}.profile-form,.profile-form__grid{display:grid;gap:14px}.profile-form__input-wrap{position:relative;display:flex;align-items:center}.profile-form__icon{position:absolute;left:18px;display:grid;place-items:center;width:18px;height:18px;color:#9fb4c8eb;pointer-events:none;transition:color .18s ease}.profile-form__icon svg,.profile-form__toggle svg{width:18px;height:18px}.profile-form__input-wrap:focus-within .profile-form__icon{color:#f7c66bf2}.profile-form .profile-form__input{padding:14px 16px 14px 58px}.profile-form .profile-form__input--password{padding-right:60px}.profile-form__toggle{position:absolute;right:10px;display:grid;place-items:center;width:40px;height:40px;border:none;border-radius:12px;background:transparent;color:#9fb4c8eb;cursor:pointer;transition:background .18s ease,color .18s ease}.profile-form__toggle:hover{background:#ffffff0d;color:var(--text)}.profile-form__toggle:focus-visible{outline:2px solid rgba(240,140,90,.5);outline-offset:1px}.profile-form__note{padding:14px 16px}.profile-form__note p{margin-top:0}.profile-form__error{margin-top:-2px}.profile-modal-card__actions{display:flex;justify-content:flex-end;gap:10px}:root[data-theme=light] .profile-modal-backdrop{background:#14253447}:root[data-theme=light] .profile-modal-card{background:radial-gradient(circle at top right,rgba(255,211,108,.18),transparent 34%),linear-gradient(180deg,#fffffff5,#f7fbfae6);border-color:#26517029;box-shadow:0 30px 70px #2d43592e}:root[data-theme=light] .profile-modal-close,:root[data-theme=light] .profile-form__toggle{border-color:#2651701f;background:#ffffffad;color:var(--text)}:root[data-theme=light] .profile-form__icon{color:#5f7286eb}@media(max-width:720px){.profile-modal-shell{padding:12px}.profile-modal-card{width:min(100%,100%);padding:18px 16px 16px;border-radius:22px}.profile-modal-card__actions{flex-direction:column-reverse}.profile-modal-card__actions .button{width:100%}}.login-form{gap:18px}.login-form__field{gap:8px}.login-form__input-wrap{position:relative;display:flex;align-items:center}.login-form__icon{position:absolute;left:18px;display:grid;place-items:center;width:18px;height:18px;color:#9fb4c8eb;pointer-events:none;transition:color .18s ease}.login-form__icon svg,.login-form__toggle svg{width:18px;height:18px}.login-form .login-form__input{padding:14px 16px 14px 58px}.login-form .login-form__input--password{padding-right:60px}.login-form__input-wrap:focus-within .login-form__icon{color:#f7c66bf2}.login-form__toggle{position:absolute;right:10px;display:grid;place-items:center;width:40px;height:40px;border:none;border-radius:12px;background:transparent;color:#9fb4c8eb;cursor:pointer;transition:background .18s ease,color .18s ease}.login-form__toggle:hover{background:#ffffff0d;color:var(--text)}.login-form__toggle:focus-visible{outline:2px solid rgba(240,140,90,.5);outline-offset:1px}.login-form__input-wrap.is-invalid .input-control{border-color:#ff7b7273;background:#ff7b720f}.login-form__input-wrap.is-invalid .login-form__icon,.login-form__input-wrap.is-invalid .login-form__toggle{color:#ffc4be}.login-form__feedback{margin:0;padding-left:2px;font-size:.88rem;line-height:1.45;color:var(--muted)}.login-form__feedback.is-error{color:#ffb8b0}.login-page{position:relative;min-height:100vh;display:grid;place-items:center;padding:24px;overflow:hidden}.login-page__glow{position:absolute;border-radius:999px;filter:blur(8px);pointer-events:none}.login-page__glow--left{width:320px;height:320px;top:8%;left:-120px;background:radial-gradient(circle,rgba(240,140,90,.24) 0%,transparent 72%)}.login-page__glow--right{width:360px;height:360px;right:-140px;bottom:6%;background:radial-gradient(circle,rgba(77,182,172,.2) 0%,transparent 72%)}.login-card{position:relative;z-index:1;width:min(100%,460px);padding:40px 34px 34px;border:1px solid rgba(173,203,232,.14);border-radius:32px;background:linear-gradient(180deg,#ffffff0f,#ffffff05),#081421e6;box-shadow:0 28px 70px #00000057,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-card__brand{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.login-card__badge{display:grid;place-items:center;width:135px;height:55px;border-radius:22px;background:linear-gradient(135deg,#f7c66b,#f08c5a);color:#07111a;font-family:Space Grotesk,sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:.08em;box-shadow:0 18px 32px #f08c5a40}.login-card__header{margin:28px 0 26px;text-align:center}.login-card__header h1{font-size:clamp(2rem,4vw,2.6rem);line-height:1.05}.login-card__header p{margin-top:12px;color:var(--muted);line-height:1.65}.login-card__notice{margin-bottom:18px;padding:14px 16px;border:1px solid rgba(247,198,107,.22);border-radius:18px;background:#f7c66b14;color:#ffe2a5;text-align:center}.login-page .form-grid{gap:20px}.login-page .form-field{gap:10px}.login-page .form-field label{font-size:.95rem}.login-page .input-control{min-height:56px;border-radius:18px;border-color:#adcbe826;background:#ffffff0b}.login-page .input-control::placeholder{color:#9fb4c8c7}.login-page .button{width:100%;min-height:56px;margin-top:4px;border-radius:18px;font-size:1rem}.login-page .error-banner{text-align:center}:root[data-theme=light] .login-card{background:radial-gradient(circle at top right,rgba(255,211,108,.2),transparent 34%),linear-gradient(180deg,#fffffff5,#f7fbfae6);border-color:#26517029;box-shadow:0 30px 70px #2d43592e,inset 0 1px #ffffffbf}:root[data-theme=light] .login-page__glow--left{background:radial-gradient(circle,rgba(255,184,94,.34) 0%,transparent 72%)}:root[data-theme=light] .login-page__glow--right{background:radial-gradient(circle,rgba(16,123,120,.2) 0%,transparent 72%)}:root[data-theme=light] .login-card__notice{color:#8c5d13;border-color:#be801c2e;background:#ffd36c24}:root[data-theme=light] .login-page .input-control{border-color:#2651702e;background:#ffffffe0}@media(max-width:640px){.login-page{padding:16px}.login-card{width:min(100%,360px);padding:30px 22px 24px;border-radius:26px}.brand-logo-login{width:min(72%,176px);aspect-ratio:2.12 / 1;padding:10px 14px;border-radius:20px}.brand-logo-login .brand-logo{width:100%;max-width:148px;height:100%;max-height:60px}.login-card__header{margin:24px 0 22px}}@media(max-width:390px){.login-page{padding:12px}.login-card{padding:26px 18px 20px;border-radius:24px}.brand-logo-login{width:min(76%,164px);padding:9px 13px;border-radius:18px}}.modal-shell{position:fixed;inset:0;z-index:140;display:flex;align-items:center;justify-content:center;min-height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding:16px}.modal-backdrop{position:absolute;inset:0;border:none;background:#020810c2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-card{position:relative;z-index:1;width:min(100%,920px);max-height:calc(100dvh - 48px);margin:auto;overflow-y:auto;padding:18px 18px 16px;border:1px solid rgba(173,203,232,.14);border-radius:28px;background:linear-gradient(180deg,#ffffff0d,#ffffff05),#081421f2;box-shadow:0 28px 72px #00000061;scrollbar-gutter:stable}.modal-card::-webkit-scrollbar{width:8px}.modal-card::-webkit-scrollbar-track{background:#ffffff0a;border-radius:999px}.modal-card::-webkit-scrollbar-thumb{background:#efbf6573;border-radius:999px}.modal-card::-webkit-scrollbar-thumb:hover{background:#efbf659e}.modal-card__header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}.modal-card__header h2{margin-top:4px;font-size:1.55rem}.modal-close{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(173,203,232,.14);border-radius:12px;background:#ffffff0a;color:var(--text);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.modal-close:hover{transform:translateY(-1px);border-color:#f08c5a47;background:#ffffff14}.modal-close svg{width:20px;height:20px}.device-form,.device-form__body{display:grid;gap:12px}.device-form__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px;align-content:start}.device-modal .form-field{gap:6px}.device-modal .form-field label{font-size:.88rem}.device-modal .input-control{min-height:44px;padding:11px 13px;border-radius:14px}.device-form__wide{grid-column:span 2}.device-form select.input-control{appearance:none;color-scheme:var(--control-color-scheme, dark);background-color:var(--field-bg)}.device-form select.input-control option,.device-form select.input-control optgroup{background:var(--option-bg);color:var(--text)}.device-form select.input-control option:checked,.device-form select.input-control option:hover,.device-form select.input-control option:focus{background:var(--option-active-bg);color:var(--text)}.device-form__error{margin-bottom:2px}.modal-card__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:4px}.delete-device-modal{width:min(100%,560px)}.delete-device-modal__body{display:grid;gap:14px;margin-bottom:16px}.delete-device-modal__body p{color:var(--muted);line-height:1.65}.delete-device-modal__warning{display:grid;gap:7px;padding:16px;border:1px solid rgba(255,123,114,.22);border-radius:20px;background:linear-gradient(135deg,#ff7b7221,#f08c5a14),#ffffff08}.delete-device-modal__warning strong{color:#fff1ee;font-size:1.05rem}.delete-device-modal__warning span{color:var(--muted);font-weight:600}:root[data-theme=light] .modal-backdrop{background:#14253447}:root[data-theme=light] .modal-card{background:radial-gradient(circle at top right,rgba(255,211,108,.2),transparent 34%),linear-gradient(180deg,#fffffff5,#f7fbfae6);border-color:#26517029;box-shadow:0 30px 70px #2d43592e}:root[data-theme=light] .modal-close{border-color:#26517029;background:#ffffffb3}:root[data-theme=light] .delete-device-modal__warning{border-color:#c84f462e;background:linear-gradient(135deg,#c84f461c,#ffd36c1a),#ffffff9e}:root[data-theme=light] .delete-device-modal__warning strong{color:var(--text)}@media(max-width:980px){.modal-card{width:min(100%,780px)}.device-form__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-form__wide{grid-column:1 / -1}}@media(max-width:720px){.modal-shell{padding:12px}.modal-card{width:min(100%,100%);max-height:calc(100dvh - 24px);margin:auto;padding:18px 16px 16px;border-radius:22px}.modal-card__header{margin-bottom:18px}.modal-card__header h2{font-size:1.55rem}.device-form__grid{grid-template-columns:1fr;gap:16px}.device-form__body{gap:16px}.modal-card__actions{flex-direction:column-reverse;margin-top:8px;padding-top:2px}.modal-card__actions .button{width:100%}}@media(max-height:760px){.modal-shell{align-items:flex-start}.modal-card{margin:auto 0}}.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}:root{color-scheme:dark;--bg: #06111d;--bg-soft: #0c1b2c;--surface: rgba(10, 24, 39, .86);--surface-strong: rgba(13, 31, 50, .94);--surface-muted: rgba(21, 44, 69, .88);--border: rgba(173, 203, 232, .12);--text: #eff6ff;--muted: #9fb4c8;--accent: #f08c5a;--accent-soft: rgba(240, 140, 90, .18);--teal: #4db6ac;--teal-soft: rgba(77, 182, 172, .2);--warning: #f7c66b;--warning-soft: rgba(247, 198, 107, .2);--danger: #ff7b72;--danger-soft: rgba(255, 123, 114, .16);--shadow: 0 24px 60px rgba(0, 0, 0, .28);--body-bg: radial-gradient(circle at top left, rgba(240, 140, 90, .22), transparent 26%), radial-gradient(circle at bottom right, rgba(77, 182, 172, .18), transparent 24%), linear-gradient(135deg, #08111a 0%, #0b1624 50%, #102236 100%);--topbar-bg: rgba(9, 22, 36, .64);--field-bg: rgba(255, 255, 255, .05);--field-border: rgba(173, 203, 232, .16);--soft-control-bg: rgba(255, 255, 255, .05);--soft-control-hover-bg: rgba(255, 255, 255, .08);--option-bg: #122235;--option-active-bg: #1b3552;--chart-axis: #9fb1c4;--chart-grid: rgba(173, 203, 232, .12);--control-color-scheme: dark;font-family:IBM Plex Sans,sans-serif}:root[data-theme=light]{color-scheme:light;--bg: #f4eadb;--bg-soft: #fff7ea;--surface: rgba(255, 253, 248, .84);--surface-strong: rgba(255, 255, 255, .98);--surface-muted: rgba(233, 246, 243, .9);--border: rgba(28, 58, 82, .16);--text: #17283a;--muted: #5d6f80;--accent: #e47d38;--accent-soft: rgba(228, 125, 56, .16);--teal: #087f78;--teal-soft: rgba(8, 127, 120, .14);--warning: #b86f0e;--warning-soft: rgba(231, 154, 39, .16);--danger: #c44c43;--danger-soft: rgba(196, 76, 67, .12);--shadow: 0 24px 58px rgba(31, 55, 79, .14);--body-bg: radial-gradient(circle at 8% 4%, rgba(255, 191, 102, .42), transparent 29%), radial-gradient(circle at 94% 7%, rgba(8, 127, 120, .2), transparent 27%), radial-gradient(circle at 82% 98%, rgba(63, 116, 168, .13), transparent 34%), linear-gradient(135deg, #fff4df 0%, #edf8f5 48%, #f4f8ff 100%);--topbar-bg: rgba(255, 253, 248, .82);--field-bg: rgba(255, 255, 255, .9);--field-border: rgba(28, 58, 82, .2);--soft-control-bg: rgba(255, 255, 255, .76);--soft-control-hover-bg: rgba(255, 255, 255, .98);--option-bg: #fff7ea;--option-active-bg: #f3dbc0;--chart-axis: #536779;--chart-grid: rgba(28, 58, 82, .15);--control-color-scheme: light}*{box-sizing:border-box}html{font-size:15px}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;font-size:.95rem;color:var(--text);background:var(--body-bg);transition:background .22s ease,color .22s ease}a{color:inherit;text-decoration:none}button,input,select{font:inherit}h1,h2,h3{margin:0;font-family:Space Grotesk,sans-serif}p{margin:0}.screen-center{min-height:100vh;display:grid;place-items:center;padding:24px}.loading-card,.panel-surface,.content-panel,.sidebar,.hero-card,.device-card,.stat-card,.module-card,.info-panel,.sync-panel{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.loading-card,.panel-surface{border-radius:28px;padding:28px}.loading-card{max-width:420px;text-align:center}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,420px);gap:20px;padding:20px}.auth-hero,.auth-card{border-radius:32px;padding:28px}.hero-title{font-size:clamp(2.3rem,4vw,4.8rem);line-height:1;max-width:14ch;margin-top:16px}.hero-copy,.page-copy{color:var(--muted);line-height:1.7;margin-top:14px}.hero-grid,.module-grid,.kpi-grid,.device-grid{display:grid;gap:16px}.hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px}.hero-card,.module-card,.stat-card,.device-card,.info-panel,.sync-panel{border-radius:24px;padding:18px}.hero-card p,.module-card p,.info-panel p{margin-top:10px;color:var(--muted);line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.73rem;color:var(--warning);margin-bottom:10px}.eyebrow-1{text-transform:uppercase;letter-spacing:.18em;font-size:.73rem;color:var(--warning);margin-bottom:10px;text-align:center}.eyebrow-main{text-transform:uppercase;letter-spacing:.42em;font-size:clamp(1.1rem,2.6vw,1.45rem);text-align:center;color:var(--warning)}.section-header,.toolbar,.topbar,.sync-controls,.device-card-header,.sync-meta,.topbar-actions{display:flex;justify-content:space-between;gap:16px;align-items:center}.compact-header{margin-bottom:24px}.form-grid,.page-stack{display:grid;gap:18px}.form-field{display:grid;gap:8px}.form-field label{font-weight:600;color:var(--text)}.compact{min-width:220px}.input-control{width:100%;border-radius:16px;border:1px solid var(--field-border);background:var(--field-bg);color:var(--text);padding:13px 15px;outline:none;transition:border-color .18s ease,transform .18s ease,background .18s ease,color .18s ease}.input-control:focus{border-color:#f08c5a8c;transform:translateY(-1px)}select.input-control{color-scheme:var(--control-color-scheme);appearance:none;background-color:var(--field-bg)}select.input-control option,select.input-control optgroup{background:var(--option-bg);color:var(--text)}.button{border:none;border-radius:16px;padding:13px 17px;font-weight:700;cursor:pointer;color:#08111a;background:linear-gradient(135deg,#f7c66b,#f08c5a);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;box-shadow:0 12px 24px #f08c5a42}.button:hover:not(:disabled),.pill-button:hover,.nav-link:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.65}.button-ghost{color:var(--text);background:var(--soft-control-bg);box-shadow:none;padding:15px}.button-danger{color:#fff2f0;background:linear-gradient(135deg,#9d3d42,#d76254);box-shadow:0 12px 24px #d7625438}.error-banner{border-radius:18px;border:1px solid rgba(255,123,114,.24);background:var(--danger-soft);color:#ffd5d0;padding:14px 16px}.demo-accounts{margin-top:12px;padding-top:16px;border-top:1px solid var(--border)}.demo-account-list{display:grid;gap:12px;margin-top:14px}.demo-account-list div{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:#ffffff0a;color:var(--muted)}.app-shell{min-height:100vh;display:grid;grid-template-columns:296px minmax(0,1fr);gap:16px;padding:16px;align-items:start}.app-shell.is-sidebar-collapsed{grid-template-columns:92px minmax(0,1fr)}.sidebar-overlay{position:fixed;inset:0;z-index:30;border:none;background:#030a12ad;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar{display:flex;flex-direction:column;min-height:0;border-radius:30px;padding:18px;position:sticky;top:16px;height:calc(100vh - 32px);height:calc(100svh - 32px);height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);overflow:hidden;z-index:40;transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .28s ease,box-shadow .26s ease}.brand-lockup{display:grid;flex-shrink:0;gap:14px;margin-bottom:20px}.sidebar-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-header-label{color:var(--muted);font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.sidebar-close,.sidebar-toggle,.sidebar-collapse-toggle{flex-shrink:0;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--field-border);border-radius:14px;background:var(--soft-control-bg);color:var(--text);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.sidebar-close:hover,.sidebar-toggle:hover,.sidebar-collapse-toggle:hover{transform:translateY(-1px);border-color:#f08c5a47;background:var(--soft-control-hover-bg)}.sidebar-close svg,.sidebar-toggle svg,.sidebar-collapse-toggle svg{width:20px;height:20px}.brand-logo-shell{display:grid;place-items:center;width:100%;min-height:82px;border-radius:24px;background:#fff}:root[data-theme=light] .brand-logo-shell{display:grid;place-items:center;width:100%;min-height:82px;border-radius:24px;background:#ff142b}.brand-logo{width:min(100%,156px);height:auto;object-fit:contain;transition:width .28s ease,opacity .22s ease}.brand-logo--theme-light,.company-logo--theme-light{display:none}.brand-copy h2{margin-top:8px;font-size:1.35rem}.brand-copy{max-height:80px;opacity:1;overflow:hidden;transform:translate(0);transition:max-height .24s ease,opacity .18s ease,transform .24s ease}.nav-list{display:grid;gap:10px;flex:1;padding-top:1px;min-height:0;align-content:start;overflow-y:auto;overscroll-behavior:contain;padding-right:8px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(240,140,90,.55) rgba(255,255,255,.04)}.nav-list::-webkit-scrollbar{width:10px}.nav-list::-webkit-scrollbar-track{border-radius:999px;background:#ffffff0a}.nav-list::-webkit-scrollbar-thumb{border:2px solid rgba(8,20,33,.9);border-radius:999px;background:linear-gradient(180deg,#f7c66be6,#f08c5ae6)}.nav-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f7c66b,#f08c5a)}.nav-link{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:12px;padding:13px 14px;min-height:74px;border-radius:18px;color:#d8e6f4;border:1px solid transparent;background:transparent;transition:transform .18s ease,background .18s ease,border-color .18s ease}.nav-link__icon{width:30px;height:33px;display:grid;place-items:center;color:#e4eef8;flex-shrink:0;margin-top:1px}.nav-link__icon svg{width:26px;height:26px}.nav-link__copy{display:grid;gap:6px;min-width:0;max-width:220px;opacity:1;overflow:hidden;transform:translate(0);transition:max-width .28s ease,opacity .17s ease,transform .24s ease}.nav-link__label{font-weight:700;font-size:16px;color:#d8e6f4}.nav-link small{color:var(--muted)}.nav-link.active{background:linear-gradient(135deg,#f08c5a29,#4db6ac1f);border-color:#f08c5a47}.sidebar-footer{display:grid;flex-shrink:0;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(173,203,232,.12)}.sidebar-theme-toggle{width:100%;justify-content:flex-start;min-height:48px;padding:9px 12px}.sidebar-theme-toggle .theme-toggle__label{max-width:180px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:1;transition:opacity .14s ease,transform .18s ease}.sidebar-logout{width:100%;display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid rgba(255,123,114,.14);border-radius:18px;background:#ff7b720f;color:#ffd8d4;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.sidebar-logout__label{max-width:150px;opacity:1;overflow:hidden;white-space:nowrap;transition:opacity .14s ease,transform .18s ease}.sidebar-logout:hover{transform:translateY(-1px);background:#ff7b721a;border-color:#ff7b723d}.sidebar-logout__icon{width:20px;height:20px;display:grid;place-items:center;flex-shrink:0}.sidebar-logout__icon svg{width:18px;height:18px}.sidebar.is-collapsed{padding:14px 10px;gap:15px;border-radius:28px}.sidebar.is-collapsed .brand-lockup{justify-items:center;gap:12px;margin-bottom:16px}.sidebar.is-collapsed .sidebar-header-row{width:100%;justify-content:center}.sidebar.is-collapsed .brand-logo-shell{width:56px;min-height:56px;border-radius:18px;padding:8px}.sidebar.is-collapsed .brand-logo{width:100%}.sidebar.is-collapsed .brand-copy{max-height:0;opacity:0;transform:translate(-10px)}.app-shell.is-sidebar-animating .sidebar,.app-shell.is-sidebar-animating .main-panel{will-change:transform}.app-shell.is-sidebar-animating .sld-canvas-stage{pointer-events:none}.sidebar.is-collapsed .nav-list{gap:8px;padding-right:0;justify-items:center;scrollbar-width:none}.sidebar.is-collapsed .nav-list::-webkit-scrollbar{width:0}.sidebar.is-collapsed .nav-link{grid-template-columns:30px minmax(0,0fr);justify-content:center;justify-items:center;width:100%;min-height:52px;padding:12px 10px;border-radius:16px;gap:0}.sidebar.is-collapsed .nav-link__icon{justify-self:center;margin-top:0}.sidebar.is-collapsed .nav-link__copy{max-width:0;opacity:0;transform:translate(-8px)}.sidebar.is-collapsed .sidebar-footer{gap:8px;margin-top:14px;padding-top:14px}.sidebar.is-collapsed .sidebar-theme-toggle{justify-content:center;width:100%;min-height:52px;padding:10px;border-radius:16px}.sidebar.is-collapsed .sidebar-logout{justify-content:center;gap:0;padding:12px 10px;min-height:50px}.sidebar.is-collapsed .sidebar-logout__label,.sidebar.is-collapsed .theme-toggle__label{max-width:0;opacity:0}.main-panel{display:grid;grid-template-rows:auto 1fr auto;gap:16px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;border-radius:28px;padding:10px 16px;border:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-heading{flex:1;min-width:0;display:grid;gap:10px}.topbar-title-row{display:flex;align-items:center;gap:12px;min-width:0}.topbar h1{font-size:1.85rem;line-height:1.05;padding-left:20px}.topbar-actions{justify-content:flex-end;flex-wrap:wrap;align-self:stretch}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:9px 13px;border:1px solid var(--field-border);border-radius:18px;background:var(--soft-control-bg);color:var(--text);font-weight:800;cursor:pointer;transition:gap .26s ease,padding .26s ease,min-height .26s ease,border-radius .26s ease,transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.theme-toggle:hover{transform:translateY(-1px);border-color:#f08c5a4d;background:var(--soft-control-hover-bg)}.theme-toggle__icon{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:linear-gradient(135deg,#f7c66b,#f08c5a);color:#07111d;box-shadow:0 10px 18px #f08c5a2e}.theme-toggle__icon svg{width:18px;height:18px}.company-badge{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;width:min(100%,520px);min-width:0;padding:10px 12px 10px 10px;border-radius:20px;border:1px solid rgba(173,203,232,.12);background:#ffffff0a}.brand-logo-login{display:grid;place-items:center;width:min(100%,196px);aspect-ratio:2.12 / 1;min-height:0;padding:12px 16px;overflow:hidden;border-radius:22px;background:#fff}.brand-logo-login .brand-logo{display:block;grid-area:1 / 1;width:100%;max-width:164px;height:100%;max-height:68px;object-fit:contain}.brand-logo-login .brand-logo--theme-light{display:none}:root[data-theme=light] .brand-logo-login{background:#ff142b}:root[data-theme=light] .brand-logo-login .brand-logo--theme-dark{display:none}:root[data-theme=light] .brand-logo-login .brand-logo--theme-light{display:block}.company-logo-shell{flex-shrink:0;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#fffffff5;box-shadow:inset 0 1px #ffffffb3,0 10px 20px #010a1429}:root[data-theme=light] .company-logo-shell{flex-shrink:0;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#ff142b;box-shadow:inset 0 1px #ffffffb3,0 10px 20px #010a1429}.company-logo{width:42px;height:42px;object-fit:contain;border-radius:14px}.company-copy{min-width:0}.company-copy strong{display:block;max-width:100%;font-size:.94rem;line-height:1.35;color:var(--text);overflow-wrap:anywhere}.company-meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;color:var(--muted);margin-top:6px}.company-user-name{min-width:0;color:#dce7f4;font-size:.9rem;font-weight:600;overflow-wrap:anywhere}.role-chip{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:auto;padding:6px 11px;border:1px solid rgba(247,198,107,.24);border-radius:999px;font-size:.68rem;font-weight:900;letter-spacing:.07em;background:linear-gradient(135deg,#f7c66b38,#f08c5a29),#ffffff0a;color:#ffe0b4;box-shadow:inset 0 1px #ffffff1a,0 8px 18px #f08c5a29;text-transform:uppercase}.profile-edit-button{flex-shrink:0;display:inline-grid;place-items:center;width:25px;height:24px;padding:3px 4px;border:1px solid rgba(247,198,107,.38);border-radius:12px;background:linear-gradient(135deg,#ffd36f,#f2a24c 58%,#d96c36);color:#08111d;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;box-shadow:0 10px 20px #f08c5a42}.profile-edit-button:hover{transform:translateY(-1px);border-color:#ffd57394;background:linear-gradient(135deg,#ffe08a,#f6ad55 58%,#e87939);box-shadow:0 14px 26px #f08c5a52}.profile-edit-button svg{width:16px;height:16px}.content-panel{border-radius:30px;padding:22px;min-height:0;min-width:0}.app-footer{text-align:center;text-transform:uppercase;letter-spacing:.18em;font-size:.8rem;color:var(--warning);margin-bottom:10px;padding:10px 14px;border-top:1px solid rgba(173,203,232,.12);line-height:1.6}.hero-banner{border-radius:28px;padding:20px;background:linear-gradient(135deg,#f08c5a29,#4db6ac1f),var(--surface);border:1px solid var(--border)}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{position:relative;overflow:hidden;display:grid;gap:8px;min-height:132px;border:1px solid rgba(173,203,232,.12);background:radial-gradient(circle at top right,rgba(247,198,107,.14),transparent 36%),#ffffff0a}.stat-card--link{color:inherit;cursor:pointer;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.stat-card--link:hover{transform:translateY(-2px);border-color:#f08c5a57}.stat-card--link:focus-visible{outline:3px solid rgba(240,140,90,.44);outline-offset:3px}.stat-card:after{content:"";position:absolute;right:-24px;bottom:-28px;width:96px;height:96px;border-radius:999px;background:#4db6ac21}.stat-success:after{background:#4db6ac29}.stat-warning:after{background:#f7c66b29}.stat-accent:after{background:#f08c5a29}.stat-label{position:relative;z-index:1;color:var(--muted);font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.stat-value{position:relative;z-index:1;min-width:0;margin-top:0;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.08;overflow-wrap:anywhere;word-break:break-word}.water-balance-section{display:grid;gap:18px;padding:clamp(18px,2vw,24px);border:1px solid rgba(173,203,232,.13);border-radius:30px;background:radial-gradient(circle at 0% 0%,rgba(77,182,172,.13),transparent 34%),radial-gradient(circle at 100% 0%,rgba(240,140,90,.13),transparent 34%),#ffffff09;box-shadow:inset 0 1px #ffffff0a}.water-balance-header,.water-balance-details__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.water-balance-header h2,.water-balance-details__header h3{margin:4px 0 8px;color:var(--text);font-family:Space Grotesk,sans-serif}.water-balance-header p:not(.eyebrow){max-width:760px;margin:0;color:var(--muted);line-height:1.6}.water-balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.water-balance-card{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:10px;min-height:154px;padding:22px;border:1px solid rgba(173,203,232,.14);border-radius:26px;background:linear-gradient(135deg,#ffffff0e,#ffffff05),#0718276b}.water-balance-card:before{content:"";position:absolute;inset:auto -36px -58px auto;z-index:-1;width:128px;height:128px;border-radius:999px;opacity:.26}.water-balance-card--incoming:before{background:#4db6ac}.water-balance-card--consumption:before{background:#f7c66b}.water-balance-card--overall:before{background:#f08c5a}.water-balance-card span{color:var(--muted);font-size:.78rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.water-balance-card strong{min-width:0;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;overflow-wrap:anywhere;word-break:break-word}.water-balance-card small{color:var(--accent);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.water-balance-warning{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border:1px solid rgba(247,198,107,.2);border-radius:18px;background:#f7c66b14;color:var(--muted)}.water-balance-warning strong{color:var(--warning);text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}.water-balance-warning em{color:var(--text);font-style:normal;font-weight:800}.water-balance-details{display:grid;gap:14px;padding:18px;border:1px solid rgba(173,203,232,.12);border-radius:24px;background:#04132047}.water-balance-details__header span{padding:10px 14px;border:1px solid rgba(173,203,232,.12);border-radius:999px;color:var(--muted);font-weight:900}.water-balance-table-wrap{overflow-x:auto;border:1px solid rgba(173,203,232,.12);border-radius:18px;background:#07182752}.water-balance-table{width:100%;min-width:720px;border-collapse:collapse;table-layout:fixed}.water-balance-table--formulas{min-width:820px}.water-balance-table--formulas th:nth-child(1),.water-balance-table--formulas td:nth-child(1){width:34%}.water-balance-table--formulas th:nth-child(2),.water-balance-table--formulas td:nth-child(2){width:42%}.water-balance-table--formulas th:nth-child(3),.water-balance-table--formulas td:nth-child(3){width:24%}.water-balance-table th,.water-balance-table td{padding:16px 18px;text-align:left;border-bottom:1px solid rgba(173,203,232,.1);vertical-align:middle}.water-balance-table th{color:#f8fbff;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(180deg,#1b3b58,#142b42)}.water-balance-table td{color:var(--muted);font-weight:750}.water-balance-table td:first-child,.water-balance-table td:last-child{color:var(--text);font-weight:900}.water-balance-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.water-balance-table th:last-child{text-align:right}.water-balance-table__values{min-width:0;color:var(--muted);font-weight:850;letter-spacing:.02em;white-space:normal}.water-balance-formula{display:grid;gap:8px;width:min(100%,540px);max-width:100%}.water-balance-formula__line{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:12px;min-width:0;width:100%;padding:8px 10px 8px 12px;border:1px solid rgba(77,182,172,.1);border-radius:14px;background:#4db6ac0e}.water-balance-formula__line span{min-width:0;line-height:1.45;overflow-wrap:anywhere}.water-balance-formula__line--static{grid-template-columns:minmax(0,1fr)}.water-balance-formula__toggle{display:inline-grid;justify-self:end;width:32px;height:32px;place-items:center;border:1px solid rgba(247,198,107,.24);border-radius:999px;background:#f7c66b1a;color:var(--warning);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.water-balance-formula__toggle:hover{border-color:#f7c66b6b;background:#f7c66b2e;transform:translateY(-1px)}.water-balance-formula__toggle svg{width:16px;height:16px}.water-balance-formula__labels{width:100%;max-width:100%;padding:11px 13px;border-left:3px solid rgba(77,182,172,.55);border-radius:12px;background:#4db6ac17;color:var(--text);font-size:.82rem;font-weight:850;line-height:1.45;letter-spacing:.01em;overflow-wrap:anywhere;word-break:break-word}.water-balance-table tbody tr:nth-child(2n){background:#ffffff06}.water-balance-table tr.is-summary{background:linear-gradient(90deg,#4db6ac29,#f08c5a1a)!important}.section-block{display:grid;gap:16px}.module-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.module-card{min-height:138px;transition:transform .18s ease,border-color .18s ease}.module-card:hover{border-color:#f08c5a47}.toolbar{flex-wrap:wrap}.toolbar-group{min-width:min(100%,340px);flex:1}.filter-group{display:flex;gap:8px;flex-wrap:wrap}.device-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.pill-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid rgba(173,203,232,.12);background:#ffffff0a;color:var(--text);border-radius:999px;padding:10px 14px;font-size:.9rem;line-height:1.2;text-align:center;white-space:normal;overflow-wrap:normal;word-break:normal;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.pill-button.active{background:var(--teal-soft);border-color:#4db6ac52}.empty-state{padding:22px;border-radius:24px;border:1px dashed rgba(173,203,232,.22);background:#ffffff08;color:var(--muted)}.empty-state h3{margin-bottom:10px;color:var(--text)}.device-grid{grid-template-columns:repeat(auto-fit,minmax(248px,1fr))}.device-card{display:grid;gap:16px}.device-overview-grid{grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:16px}.device-list-sections,.device-list-section{display:grid;gap:18px;min-width:0}.device-list-sections{gap:26px}.device-list-section .device-overview-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,252px),1fr))}.device-list-section--separated{padding-top:24px;border-top:1px solid rgba(173,203,232,.16)}.device-list-section__header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.device-list-section__header h3{margin-top:4px;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:1.15rem}.device-list-section__header>span{display:grid;place-items:center;min-width:34px;height:28px;padding:0 10px;border:1px solid rgba(77,182,172,.24);border-radius:999px;color:#b7fff6;background:#4db6ac1a;font-size:.76rem;font-weight:900}.device-overview-card{position:relative;display:grid;min-width:0;padding:0;border-radius:24px;border:1px solid rgba(173,203,232,.12);border-color:#f08c5a47;background:linear-gradient(180deg,#0000000a,#00ffbd05),#0c1620e5;box-shadow:var(--shadow)}.device-overview-card.is-pinned{border-color:#4dd0a866;box-shadow:inset 0 1px #ffffff0f,0 22px 48px #07343647}.device-overview-card--link{color:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.device-overview-card--link:hover{transform:translateY(-2px);border-color:#f7c66b6b;background:linear-gradient(180deg,#f7c66b14,#00ffbd08),#0c1620eb}.device-overview-card__link{display:grid;gap:14px;min-width:0;height:100%;padding:16px;border-radius:inherit;color:inherit;text-decoration:none}.device-overview-card__link:focus-visible{outline:3px solid rgba(77,208,168,.52);outline-offset:3px}.device-pin-button{position:absolute;top:11px;right:11px;z-index:4;display:grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid rgba(173,203,232,.18);border-radius:10px;color:#b8cad9;background:#091927d6;box-shadow:inset 0 1px #ffffff14,0 8px 18px #0003;cursor:pointer;transition:transform .18s ease,color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.device-pin-button:hover{transform:translateY(-1px) rotate(-5deg);color:#e5f7f5;border-color:#4dd0a861;background:#133d43f0}.device-pin-button.is-pinned{color:#43d7c5;border-color:#4dd0a875;background:linear-gradient(135deg,#4dd0a83d,#3fbcf724),#09262ff0;box-shadow:inset 0 1px #ffffff1a,0 10px 22px #1fa49738}.device-pin-button svg{width:17px;height:17px;transform:rotate(-12deg)}.device-overview-card__header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.device-overview-card__title{min-width:0}.device-overview-card__title h3{font-size:1.2rem;text-transform:uppercase;letter-spacing:.04em}.device-overview-card__title p{margin-top:6px;color:var(--warning);font-weight:600;line-height:1.4}.device-overview-card__title small{display:inline-block;margin-top:5px;color:var(--muted);line-height:1.45}.device-overview-card__chips{display:grid;justify-items:end;gap:8px;flex-shrink:0;padding-top:34px}.device-identity-chip{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;border:1px solid rgba(173,203,232,.12);background:#ffffff0f;color:#dce9f8;font-size:.74rem;font-weight:700;letter-spacing:.08em}.status-pill.subtle{padding:5px 9px;font-size:.68rem}.device-telemetry-panel{min-width:0;display:grid;grid-template-columns:4px minmax(0,1fr);gap:12px;padding:14px;border-radius:20px;border:1px solid rgba(173,203,232,.08);background:#ffffff0a}.device-telemetry-panel__accent{width:4px;border-radius:999px;background:linear-gradient(180deg,#4dd0a8,#3fbcf7)}.device-telemetry-panel__grid{min-width:0;display:grid;gap:10px}.device-metric-block{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}.device-metric-block p{flex:0 1 auto;min-width:0;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.device-metric-block__value{position:relative;display:inline-flex;align-items:baseline;justify-content:flex-end;flex:0 1 62%;flex-wrap:wrap;gap:6px;min-width:0;max-width:62%;text-align:right;isolation:isolate}.device-metric-block__value strong{max-width:100%;font-size:clamp(1.34rem,1.8vw,1.7rem);line-height:1;color:#2db6a9;font-family:Space Grotesk,sans-serif;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;word-break:normal}.device-metric-block__value span{color:#2db6a9;font-size:.85rem;font-weight:600;white-space:nowrap}.device-metric-block__value strong,.device-metric-block__value span{transition:color .18s ease,filter .18s ease;will-change:transform,opacity}.device-metric-block__value:after{content:"";position:absolute;inset:-8px -10px;z-index:-1;border-radius:16px;opacity:0;transform:scale(.92);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.device-metric-block__value--rise strong,.device-metric-block__value--rise span{color:#66efd8}.device-metric-block__value--fall strong,.device-metric-block__value--fall span{color:#ffd183}.device-metric-block__value--refresh strong,.device-metric-block__value--refresh span{color:#8fe8ff}.device-metric-block__value--rise:after,.device-metric-block__value--fall:after,.device-metric-block__value--refresh:after{opacity:1;transform:scale(1)}.device-metric-block__value--rise:after{background:radial-gradient(circle,rgba(77,182,172,.22),transparent 72%)}.device-metric-block__value--fall:after{background:radial-gradient(circle,rgba(247,198,107,.22),transparent 72%)}.device-metric-block__value--refresh:after{background:radial-gradient(circle,rgba(63,188,247,.18),transparent 72%)}.device-metric-block__value--rise strong,.device-metric-block__value--rise span,.device-metric-block__value--fall strong,.device-metric-block__value--fall span,.device-metric-block__value--refresh strong,.device-metric-block__value--refresh span{animation:liveMetricPulse .48s cubic-bezier(.2,.8,.2,1)}@keyframes liveMetricPulse{0%{opacity:.42;transform:translateY(7px) scale(.96)}58%{opacity:1;transform:translateY(0) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}.device-card-details{display:grid;gap:8px;margin:0;padding-top:4px}.device-card-details div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:7px;border-bottom:1px dashed rgba(173,203,232,.12)}.device-card-details dt{color:var(--muted)}.device-card-details dd{margin:0;color:var(--text);text-align:right;font-weight:600}.device-card-reading{color:var(--muted);font-size:.8rem}.device-card h3{font-size:1.15rem}.device-card-header p{margin-top:6px;color:var(--muted)}.status-pill{padding:7px 11px;border-radius:999px;font-size:.74rem;font-weight:700}.status-pill.online{background:var(--teal-soft);color:#9bf0e8}.status-pill.offline{background:var(--danger-soft);color:#ffd3cf}.status-pill.neutral{background:#94a3b824;color:#c8d4e1}.device-meta{display:grid;gap:12px;margin:0}.device-meta div{display:grid;gap:4px}.device-meta dt{color:var(--muted);font-size:.85rem}.device-meta dd{margin:0;color:var(--text)}.sync-panel{display:grid;gap:18px}.device-feedback{border-color:#4db6ac2e;background:#4db6ac14}.toast-popup{position:fixed;top:20px;right:20px;z-index:180;display:flex;align-items:center;gap:14px;width:min(100%,370px);min-height:94px;padding:16px 18px 18px;overflow:hidden;border-radius:24px;border:1px solid rgba(173,203,232,.16);background:linear-gradient(180deg,#ffffff14,#ffffff05),#06121ef5;box-shadow:0 22px 46px #00000057,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.toast-popup__glow{position:absolute;inset:auto -30px -46px auto;width:160px;height:120px;border-radius:999px;background:radial-gradient(circle,rgba(77,182,172,.26) 0%,transparent 72%);pointer-events:none}.toast-popup--success{border-color:#4db6ac3d}.toast-popup--error{border-color:#ff6d6147}.toast-popup--welcome{border-color:#f7c66b42}.toast-popup__icon{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:16px;color:#effbff;background:linear-gradient(135deg,#4db6aceb,#3fbcf7d1);box-shadow:0 14px 24px #07182447}.toast-popup--welcome .toast-popup__icon{background:linear-gradient(135deg,#f7c66bf5,#f08c5ae0)}.toast-popup--error .toast-popup__icon{background:linear-gradient(135deg,#ff6d61f0,#f08c5adb)}.toast-popup__icon svg{width:22px;height:22px}.toast-popup__content{position:relative;z-index:1;display:grid;min-width:0;flex:1}.toast-popup__content p{color:var(--text);line-height:1.5;font-size:1rem;font-weight:700}.toast-popup__close{position:relative;z-index:1;flex-shrink:0;width:36px;height:36px;border:1px solid rgba(173,203,232,.12);border-radius:12px;background:#ffffff0d;color:var(--text);cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.toast-popup__close:hover{transform:translateY(-1px);background:#ffffff14;border-color:#adcbe838}.toast-popup__close svg{width:16px;height:16px}.toast-popup__progress{position:absolute;left:16px;right:16px;bottom:10px;height:4px;border-radius:999px;background:linear-gradient(90deg,#4db6acdb,#3fbcf7e0);opacity:.9}.toast-popup--welcome .toast-popup__progress{background:linear-gradient(90deg,#f7c66bf0,#f08c5ae0)}.toast-popup--error .toast-popup__progress{background:linear-gradient(90deg,#ff6d61eb,#f08c5ae0)}.sync-controls{flex-wrap:wrap;align-items:flex-end}.sync-meta{color:var(--muted);margin-top:14px;flex-wrap:wrap;font-size:.9rem}.device-detail-page{display:grid;gap:18px}.device-detail-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.device-detail-header h2{margin-top:8px;font-size:1.7rem}.device-detail-header p{color:var(--muted)}.device-back-link{display:inline-flex;align-items:center;gap:9px;width:fit-content;padding:5px 10px 5px 8px;border:1px solid rgba(173,203,232,.14);border-radius:999px;background:linear-gradient(135deg,#f7c66b1f,#4db6ac14),#ffffff0b;color:#dce9f8;font-size:.86rem;font-weight:700;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.device-back-link__icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,#f7c66b,#f08c5a);color:#07111d;box-shadow:0 10px 18px #f08c5a2e}.device-back-link__icon svg{width:17px;height:17px}.device-back-link:hover{transform:translateY(-1px);border-color:#f7c66b52;background:linear-gradient(135deg,#f7c66b2e,#4db6ac1c),#ffffff0f;color:#fff0ca}.report-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:8px;border:1px solid rgba(173,203,232,.12);border-radius:24px;background:linear-gradient(135deg,#ffffff0e,#ffffff05),#040f1b70;box-shadow:inset 0 1px #ffffff0d}.report-tab{position:relative;display:flex;align-items:center;gap:12px;min-width:0;min-height:76px;overflow:hidden;border:1px solid rgba(173,203,232,.1);border-radius:18px;padding:13px 14px;background:linear-gradient(145deg,#fff1,#ffffff05),#0d1d2fc2;color:#c6d6e8;cursor:pointer;font-weight:700;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.report-tab:before{content:"";position:absolute;inset:auto 14px 0;height:3px;border-radius:999px 999px 0 0;background:linear-gradient(90deg,transparent,rgba(247,198,107,.88),transparent);opacity:0;transform:translateY(3px);transition:opacity .18s ease,transform .18s ease}.report-tab:hover{transform:translateY(-2px);border-color:#4db6ac3d;background:linear-gradient(145deg,#4db6ac1f,#ffffff08),#0d1d2fdb}.report-tab__index{display:inline-grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:14px;border:1px solid rgba(173,203,232,.12);background:#ffffff0e;color:var(--muted);font-family:Space Grotesk,sans-serif;font-size:.84rem;letter-spacing:.05em}.report-tab__copy{display:grid;gap:4px;min-width:0}.report-tab__copy strong{color:#edf6ff;line-height:1.1}.report-tab__copy small{color:var(--muted);font-size:.76rem;font-weight:600;line-height:1.2}.report-tab.active{color:var(--warning);border-color:#f7c66b57;background:radial-gradient(circle at top right,rgba(247,198,107,.2),transparent 44%),linear-gradient(135deg,#f08c5a29,#4db6ac1f),#102235f0;box-shadow:0 16px 34px #0000002e,inset 0 1px #ffffff0f}.report-tab.active:before{opacity:1;transform:translateY(0)}.report-tab.active .report-tab__index{border-color:#f7c66b57;background:linear-gradient(135deg,#f7c66b,#f08c5a);color:#07111d}.report-tab.active .report-tab__copy small{color:#ffd9ad}.report-panel{display:grid;gap:18px;padding:18px;border-radius:24px;border:1px solid rgba(173,203,232,.12);background:#ffffff09}.report-toolbar,.report-toolbar__filters,.report-toolbar__actions,.date-range-controls,.report-toolbar__filters-row,.report-quick-ranges{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.report-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 18px;align-items:start}.report-toolbar__filters{min-width:0}.report-toolbar__filters--stack{display:grid;gap:10px}.report-toolbar__filters-row,.date-range-controls{min-width:0}.report-toolbar__actions{justify-content:flex-end;min-width:0;flex-wrap:nowrap;margin-top:auto}.report-quick-ranges{padding-left:2px}.report-quick-ranges .pill-button{border-color:#4db6ac38;background:#4db6ac14}.report-quick-ranges .pill-button:hover{border-color:#f7c66b52;background:#f7c66b1f}.report-search{width:min(100%,280px);min-width:220px}.report-toolbar__actions .button,.report-toolbar__filters .button{white-space:nowrap}.report-loading{color:var(--muted)}.report-table-wrap{width:100%;overflow-x:auto;border-radius:18px;border:1px solid rgba(173,203,232,.12)}.report-table{width:100%;min-width:720px;border-collapse:collapse;font-size:.94rem}.report-table th,.report-table td{padding:13px 14px;text-align:left;border-bottom:1px solid rgba(173,203,232,.1)}.report-table th{color:#dce8f7;background:#ffffff0d}.report-table tbody tr:nth-child(2n){background:#ffffff09}.report-tabs--two{grid-template-columns:repeat(2,minmax(0,1fr))}.overall-report-panel{gap:16px;min-width:0;background:radial-gradient(circle at top right,rgba(77,182,172,.1),transparent 34%),linear-gradient(180deg,#ffffff0b,#ffffff06)}.overall-report-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.86rem}.overall-report-summary span{padding:8px 11px;border-radius:999px;border:1px solid rgba(173,203,232,.12);background:#ffffff0b}.overall-report-table-wrap{--overall-sticky-col-width: clamp(230px, 21vw, 290px);max-height:68vh;position:relative;overflow:auto;isolation:isolate;background:#050f1ad1}.overall-report-table{position:relative;z-index:0;border-collapse:separate;border-spacing:0;table-layout:fixed}.overall-report-table th,.overall-report-table td{border-right:1px solid rgba(173,203,232,.1);background-clip:border-box}.overall-report-table tbody td{position:static;z-index:auto;background:#091624}.overall-report-table tbody tr:nth-child(2n) td{background:#11273a}.overall-report-table thead th:not(.overall-report-table__device-col),.overall-report-table tbody td{text-align:right}.overall-report-table thead th{position:sticky;top:0;z-index:5;background:linear-gradient(180deg,#203a54,#162c43);box-shadow:0 10px 20px #0000002e;white-space:nowrap}.overall-report-table__device-col,.overall-report-row-label{position:sticky;left:0;z-index:100;width:var(--overall-sticky-col-width);min-width:var(--overall-sticky-col-width);max-width:var(--overall-sticky-col-width);overflow:visible;background:#0e2539;box-shadow:none;text-align:left;transform:translateZ(0)}.overall-report-table__device-col:before,.overall-report-row-label:before{content:"";position:absolute;inset:0 -1px 0 0;z-index:0;pointer-events:none;border-right:1px solid rgba(173,203,232,.16);background:#0e2539;box-shadow:none}.overall-report-table thead .overall-report-table__device-col{z-index:140;background:#16324b;box-shadow:none}.overall-report-table thead .overall-report-table__device-col:before{border-right-color:#dce8f72e;background:#16324b;box-shadow:none}.overall-report-row-label{vertical-align:middle;white-space:normal}.overall-report-sticky-title,.overall-report-row-label span{position:relative;z-index:1;display:block;color:var(--text);font-weight:800}.overall-report-table thead .overall-report-sticky-title{color:#dce8f7}.overall-report-row-label small{position:relative;z-index:1;display:block;margin-top:4px;color:var(--muted);font-size:.76rem;font-weight:600}.overall-report-separator td{height:32px;padding:0;background:#f7c66b0f}.overall-total-row{background:#4db6ac14}.overall-total-row td,.overall-total-row th{font-weight:800}.overall-total-row .overall-report-row-label{background:#0e2d39;box-shadow:none}.overall-total-row .overall-report-row-label:before{border-right-color:#4db6ac2e;background:#0e2d39;box-shadow:none}.overall-report-section-row th,.overall-report-section-row td{padding-top:18px;padding-bottom:18px;border-top:1px solid rgba(247,198,107,.22);border-bottom:1px solid rgba(247,198,107,.16);background:linear-gradient(90deg,#f7c66b24,#4db6ac14)}.overall-report-section-row .overall-report-row-label{background:#12354b}.overall-report-section-row .overall-report-row-label:before{border-right-color:#f7c66b3d;background:#12354b;box-shadow:none}.overall-report-section-row .overall-report-row-label span{color:var(--warning);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.overall-balance-row{background:#f7c66b0b}.overall-balance-row th,.overall-balance-row td{font-weight:850}.overall-balance-row .overall-report-row-label{background:#10263b}.overall-balance-row .overall-report-row-label:before{border-right-color:#f7c66b29;background:#10263b;box-shadow:none}.overall-balance-row .overall-report-row-label span{color:#f0f6ff}.overall-balance-row--summary th,.overall-balance-row--summary td{border-top-color:#4db6ac2e;background:linear-gradient(90deg,#4db6ac1f,#f08c5a14);color:var(--text);font-weight:950}.overall-balance-row--summary .overall-report-row-label{background:#123b45}.overall-balance-row--summary .overall-report-row-label:before{border-right-color:#4db6ac38;background:#123b45}.overall-balance-row--summary .overall-report-row-label span{color:#f7c66b}.overall-report-unit-note{margin:-2px 2px 0;color:var(--muted);font-size:.9rem;font-weight:700}.overall-report-empty{margin:8px}.report-chart{display:grid;gap:12px;min-height:360px;padding:16px;border-radius:20px;border:1px solid rgba(173,203,232,.12);background:#ffffff0a}.report-chart__topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;padding:4px 2px 8px}.report-chart__summary{display:grid;gap:5px;min-width:min(100%,360px)}.report-chart__summary span{color:var(--warning);font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.report-chart__summary strong{color:var(--text);font-family:Space Grotesk,sans-serif;font-size:1.15rem}.report-chart__summary p{color:var(--muted);font-size:.86rem;font-weight:600;line-height:1.5}.report-chart__controls{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.chart-control-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 13px;border-radius:14px;border:1px solid rgba(173,203,232,.16);background:#ffffff0e;color:var(--text);font-size:.84rem;font-weight:900;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.chart-control-button:hover{transform:translateY(-1px);border-color:#4db6ac57;background:#4db6ac1a}.chart-control-button--accent{border-color:#f7c66b52;background:linear-gradient(135deg,#f7c66b2e,#f08c5a29);color:#fff1cf}.report-chart svg{width:100%;min-height:300px}.report-chart__canvas{min-width:0;overflow:hidden}.report-chart__canvas .uplot{max-width:100%;color:var(--text);background:transparent}.report-chart__canvas .u-over{cursor:crosshair}.report-chart__canvas .u-select{background:#4db6ac1f;border:1px solid rgba(77,182,172,.38)}.report-chart__canvas .u-title{color:var(--text)}.report-chart__canvas .u-legend{margin-top:10px;padding:10px 12px;border:1px solid rgba(173,203,232,.1);border-radius:16px;color:var(--muted);background:#ffffff09}.report-chart__canvas .u-legend .u-value{color:var(--text)}.report-chart__hint{color:var(--muted);font-size:.85rem;font-weight:600;text-align:center}.report-chart__gridline{stroke:#adcbe81f;stroke-width:1}.report-chart__legend{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:var(--muted);font-weight:600}.report-chart__legend span{display:inline-flex;align-items:center;gap:8px}.report-chart__legend i{width:12px;height:12px;border-radius:999px}.device-details-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:18px;align-items:stretch}.device-profile-card,.device-map-card{display:grid;align-content:start;gap:18px;min-width:0;padding:20px;border-radius:26px;border:1px solid rgba(173,203,232,.12);background:radial-gradient(circle at top right,rgba(247,198,107,.1),transparent 34%),#ffffff09;box-shadow:0 18px 42px #00000029}.device-profile-card__header,.device-map-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.device-profile-card__header h3,.device-map-card__header h3{font-size:1.35rem}.device-profile-card__header p:not(.eyebrow),.device-map-card__header p:not(.eyebrow){margin-top:6px;color:var(--muted);line-height:1.45}.device-profile-actions{display:flex;gap:10px;flex-shrink:0}.device-icon-button{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid rgba(247,198,107,.24);border-radius:15px;background:linear-gradient(135deg,#f7c66b,#f08c5a);color:#07111d;cursor:pointer;box-shadow:0 12px 24px #f08c5a2e;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.device-icon-button:hover{transform:translateY(-2px);box-shadow:0 16px 28px #f08c5a3d}.device-icon-button.danger{border-color:#ff7b7247;background:linear-gradient(135deg,#9d3d42,#d76254);color:#fff2f0}.device-icon-button svg{width:20px;height:20px}.device-profile-summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.device-flow-chip{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:8px 12px;border-radius:999px;border:1px solid rgba(247,198,107,.22);background:#f7c66b1c;color:#ffe1aa;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;line-height:1.25;text-align:center;white-space:normal;overflow-wrap:anywhere}.device-flow-chip.subtle{border-color:#adcbe81f;background:#ffffff0d;color:var(--muted)}.device-flow-chip.maintenance{border-color:#ffd18352;background:linear-gradient(135deg,#f7c66b2e,#ff7b721f),#ffffff0d;color:#ffd99a}.device-profile-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.device-profile-list div{min-width:0;padding:13px 14px;border-radius:18px;border:1px solid rgba(173,203,232,.1);background:#ffffff0a}.device-profile-list dt{color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.device-profile-list dd{margin:7px 0 0;color:var(--text);font-weight:700;line-height:1.45;overflow-wrap:anywhere;word-break:break-word}.device-map-card{background:radial-gradient(circle at top left,rgba(77,182,172,.16),transparent 34%),#ffffff09}.device-map-pin{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:16px;border:1px solid rgba(77,182,172,.24);background:#4db6ac21;color:#9bf0e8}.device-map-pin svg{width:24px;height:24px}.device-map-frame{min-height:430px;overflow:hidden;border-radius:22px;border:1px solid rgba(173,203,232,.12);background:linear-gradient(135deg,#4db6ac1f,#f7c66b14),#ffffff0a}.device-map-frame iframe{width:100%;height:100%;min-height:430px;border:0;display:block}.device-map-link{display:inline-flex;justify-content:center;width:100%;padding:12px 14px;border-radius:16px;border:1px solid rgba(77,182,172,.24);background:#4db6ac1a;color:#b7fff6;font-weight:800;transition:transform .18s ease,border-color .18s ease,background .18s ease}.device-map-link:hover{transform:translateY(-1px);border-color:#4db6ac61;background:#4db6ac29}.device-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}:root[data-theme=light] .loading-card,:root[data-theme=light] .panel-surface,:root[data-theme=light] .content-panel,:root[data-theme=light] .sidebar,:root[data-theme=light] .hero-card,:root[data-theme=light] .device-card,:root[data-theme=light] .stat-card,:root[data-theme=light] .module-card,:root[data-theme=light] .info-panel,:root[data-theme=light] .sync-panel{box-shadow:var(--shadow)}:root[data-theme=light] .sidebar-overlay,:root[data-theme=light] .modal-backdrop,:root[data-theme=light] .profile-modal-backdrop{background:#48372342}:root[data-theme=light] .nav-link,:root[data-theme=light] .nav-link__icon,:root[data-theme=light] .nav-link__label,:root[data-theme=light] .company-user-name,:root[data-theme=light] .report-tab__copy strong,:root[data-theme=light] .report-table th{color:var(--text)}:root[data-theme=light] .nav-link.active,:root[data-theme=light] .hero-banner,:root[data-theme=light] .report-tab.active{background:linear-gradient(135deg,#d66f3f24,#198f831a),#ffffffb8}:root[data-theme=light] .company-badge,:root[data-theme=light] .report-tabs,:root[data-theme=light] .report-panel,:root[data-theme=light] .report-chart,:root[data-theme=light] .empty-state,:root[data-theme=light] .device-telemetry-panel,:root[data-theme=light] .device-profile-list div,:root[data-theme=light] .device-flow-chip.subtle,:root[data-theme=light] .report-table th,:root[data-theme=light] .report-table tbody tr:nth-child(2n),:root[data-theme=light] .demo-account-list div{background:#ffffff9e}:root[data-theme=light] .device-overview-card{border-color:#d66f3f33;background:linear-gradient(180deg,#ffffffd1,#f7ecdda3),var(--surface-strong)}:root[data-theme=light] .device-overview-card.is-pinned{border-color:#087f785c;box-shadow:inset 0 1px #ffffffd1,0 22px 46px #087f7824}:root[data-theme=light] .device-list-section--separated{border-top-color:#26517029}:root[data-theme=light] .device-list-section__header>span{color:#087f78;border-color:#087f7833;background:#087f781a}:root[data-theme=light] .device-pin-button{color:#49677d;border-color:#26517029;background:#ffffffe6;box-shadow:inset 0 1px #ffffffe6,0 8px 18px #2642581f}:root[data-theme=light] .device-pin-button:hover{color:#087f78;border-color:#087f7847;background:#eaf7f3f5}:root[data-theme=light] .device-pin-button.is-pinned{color:#087f78;border-color:#087f785c;background:linear-gradient(135deg,#087f7829,#ffd36c24),#fffffff5;box-shadow:inset 0 1px #ffffffe6,0 10px 22px #087f7829}:root[data-theme=light] .device-overview-card--link:hover{border-color:#d66f3f57;background:linear-gradient(180deg,#fff7e8f2,#e1f7f3ad),var(--surface-strong)}:root[data-theme=light] .device-identity-chip,:root[data-theme=light] .report-tab,:root[data-theme=light] .pill-button{background:#ffffffb3;color:var(--text)}:root[data-theme=light] .device-profile-card,:root[data-theme=light] .device-map-card{background:radial-gradient(circle at top right,rgba(214,111,63,.12),transparent 34%),#ffffffa3;box-shadow:var(--shadow)}:root[data-theme=light] .device-map-card{background:radial-gradient(circle at top left,rgba(25,143,131,.15),transparent 34%),#ffffffa3}:root[data-theme=light] .device-map-frame{background:linear-gradient(135deg,#198f831c,#d66f3f14),#ffffffb8}:root[data-theme=light] .role-chip{color:#8a3d21}:root[data-theme=light] .status-pill.online,:root[data-theme=light] .device-map-pin,:root[data-theme=light] .device-map-link{color:#11675f}:root[data-theme=light] .status-pill.offline,:root[data-theme=light] .error-banner,:root[data-theme=light] .sidebar-logout{color:#9d302d}:root[data-theme=light] .status-pill.neutral{color:#536476}:root[data-theme=light] .device-flow-chip,:root[data-theme=light] .report-tab.active .report-tab__copy small{color:#8c5d13}:root[data-theme=light] .report-tab:hover{background:linear-gradient(145deg,#198f831f,#ffffffc7),#ffffffd1}:root[data-theme=light] .toast-popup,:root[data-theme=light] .modal-card,:root[data-theme=light] .profile-modal-card{background:linear-gradient(180deg,#ffffffe0,#fff8eebd),var(--surface-strong);box-shadow:0 28px 70px #664e2b33}:root[data-theme=light] .toast-popup__content p,:root[data-theme=light] .delete-device-modal__warning strong{color:var(--text)}:root[data-theme=light] .report-chart__canvas .uplot,:root[data-theme=light] .report-chart__canvas .u-title,:root[data-theme=light] .report-chart__canvas .u-legend .u-value{color:var(--text)}:root[data-theme=light] .report-chart__canvas .u-legend{color:var(--muted)}:root[data-theme=light] .loading-card,:root[data-theme=light] .panel-surface,:root[data-theme=light] .content-panel,:root[data-theme=light] .topbar,:root[data-theme=light] .sidebar{border-color:#26517024;background:linear-gradient(180deg,#ffffffe0,#fcf7eec7),#ffffffb8;box-shadow:0 24px 58px #2d435924}:root[data-theme=light] .content-panel{background:radial-gradient(circle at top right,rgba(16,123,120,.11),transparent 32%),linear-gradient(180deg,#ffffffe6,#f6faf9c7)}:root[data-theme=light] .sidebar{background:linear-gradient(180deg,#ffffffeb,#f6f1e7d1),#ffffffd6}:root[data-theme=light] .company-badge,:root[data-theme=light] .report-tabs,:root[data-theme=light] .report-panel,:root[data-theme=light] .report-chart,:root[data-theme=light] .hero-card,:root[data-theme=light] .device-card,:root[data-theme=light] .stat-card,:root[data-theme=light] .module-card,:root[data-theme=light] .info-panel,:root[data-theme=light] .sync-panel,:root[data-theme=light] .device-profile-card,:root[data-theme=light] .device-map-card{border-color:#26517024;background:linear-gradient(180deg,#ffffffdb,#f8fbfab8),#ffffffad;box-shadow:0 18px 42px #2d43591c}:root[data-theme=light] .report-panel,:root[data-theme=light] .report-chart{background:radial-gradient(circle at 0% 0%,rgba(223,118,66,.08),transparent 30%),linear-gradient(180deg,#ffffffeb,#eff8f6c7)}:root[data-theme=light] .input-control{border-color:#26517033;background:#ffffffe0;color:var(--text);box-shadow:inset 0 1px #ffffffd1,0 10px 22px #2d43590f}:root[data-theme=light] .input-control::placeholder{color:#5f7286c7}:root[data-theme=light] .input-control:focus{border-color:#df764280;background:#fffdf8;box-shadow:0 0 0 4px #df76421a,0 12px 26px #2d435914}:root[data-theme=light] .button{color:#10243a;background:linear-gradient(135deg,#ffd36c,#f58b4a);box-shadow:0 14px 26px #df764238}:root[data-theme=light] .button-ghost,:root[data-theme=light] .pill-button,:root[data-theme=light] .theme-toggle,:root[data-theme=light] .sidebar-close,:root[data-theme=light] .sidebar-toggle,:root[data-theme=light] .sidebar-collapse-toggle,:root[data-theme=light] .chart-control-button{border-color:#26517029;background:#ffffffbd;color:var(--text);box-shadow:0 10px 22px #2d435912}:root[data-theme=light] .button-ghost:hover,:root[data-theme=light] .pill-button:hover,:root[data-theme=light] .theme-toggle:hover,:root[data-theme=light] .chart-control-button:hover{border-color:#107b7842;background:#fff;box-shadow:0 14px 26px #2d43591a}:root[data-theme=light] .chart-control-button--accent{border-color:#df764242;background:linear-gradient(135deg,#ffd36cad,#f58b4a8f);color:#10243a}:root[data-theme=light] .nav-link{color:#294259;border-color:transparent}:root[data-theme=light] .nav-link:hover{background:#107b7814;border-color:#107b7824}:root[data-theme=light] .nav-link.active{background:linear-gradient(135deg,#ffd36c57,#107b781f),#ffffffc2;border-color:#df76423d;box-shadow:0 14px 28px #2d43591a}:root[data-theme=light] .report-tab{border-color:#2651701f;background:linear-gradient(145deg,#ffffffe0,#eef6f4bd),#ffffffc7;color:#2d455b}:root[data-theme=light] .report-tab:hover{border-color:#107b7838;background:linear-gradient(145deg,#fffffff5,#e2f5f1d1),#ffffffdb}:root[data-theme=light] .report-tab.active{border-color:#df764247;background:radial-gradient(circle at top right,rgba(255,211,108,.4),transparent 40%),linear-gradient(135deg,#fff5e1f5,#e0f5f1e6);box-shadow:0 18px 34px #2d43591f}:root[data-theme=light] .report-tab__index{border-color:#26517024;background:#ffffffbd;color:#607486}:root[data-theme=light] .report-table-wrap{border-color:#26517024;background:#ffffff94}:root[data-theme=light] .report-table th{color:#20384f;background:linear-gradient(180deg,#f1f8f7f2,#e6f1efdb)}:root[data-theme=light] .report-table td{border-bottom-color:#2651701a}:root[data-theme=light] .report-table tbody tr:nth-child(2n){background:#eff8f68a}:root[data-theme=light] .device-overview-card{border-color:#df764233;background:radial-gradient(circle at top right,rgba(255,211,108,.2),transparent 36%),linear-gradient(180deg,#ffffffeb,#f0f8f6bd)}:root[data-theme=light] .device-telemetry-panel,:root[data-theme=light] .device-card-details div,:root[data-theme=light] .device-profile-list div,:root[data-theme=light] .empty-state{border-color:#2651701f;background:#ffffffad}:root[data-theme=light] .device-metric-block__value strong,:root[data-theme=light] .device-metric-block__value span{color:#15988e}:root[data-theme=light] .device-identity-chip,:root[data-theme=light] .status-pill.online,:root[data-theme=light] .device-flow-chip,:root[data-theme=light] .device-flow-chip.subtle{border-color:#107b7829;background:#107b781a;color:#0e6764}:root[data-theme=light] .status-pill.offline,:root[data-theme=light] .sidebar-logout,:root[data-theme=light] .error-banner{border-color:#c84f462e;background:#c84f4617;color:#9d302d}:root[data-theme=light] .report-chart__canvas .u-legend{border-color:#2651701f;background:#ffffffb3;color:#5f7286}:root[data-theme=light] .report-chart__canvas .u-select{background:#107b7821;border-color:#107b7857}:root[data-theme=light] .report-chart__summary span,:root[data-theme=light] .eyebrow,:root[data-theme=light] .eyebrow-1,:root[data-theme=light] .eyebrow-main,:root[data-theme=light] .app-footer{color:#af6f13}:root[data-theme=light] .role-chip{background:#df76421f;color:#8c3f21}:root[data-theme=light] .profile-edit-button,:root[data-theme=light] .device-icon-button,:root[data-theme=light] .device-back-link__icon,:root[data-theme=light] .theme-toggle__icon{color:#10243a;box-shadow:0 12px 24px #df764233}:root[data-theme=light] .device-back-link{border-color:#26517021;background:#ffffffc2;color:#20384f}:root[data-theme=light] .device-map-pin,:root[data-theme=light] .device-map-link{border-color:#107b782e;background:#107b7817;color:#0e6764}:root[data-theme=light] .device-map-frame{border-color:#2651701f;background:linear-gradient(135deg,#107b781a,#ffd36c21),#ffffffb8}:root[data-theme=light] .toast-popup,:root[data-theme=light] .modal-card,:root[data-theme=light] .profile-modal-card{border-color:#26517029;background:radial-gradient(circle at top right,rgba(255,211,108,.18),transparent 35%),linear-gradient(180deg,#fffffff5,#f7fbfae6);box-shadow:0 30px 70px #2d43592e}:root[data-theme=light] .modal-close,:root[data-theme=light] .profile-modal-close,:root[data-theme=light] .toast-popup__close{border-color:#26517029;background:#ffffffb3;color:var(--text)}:root[data-theme=light] body{background-attachment:fixed}:root[data-theme=light] .sidebar{border-color:#14334d29;background:linear-gradient(180deg,#fffdf7fa,#f2e7d5e6),#fff8ec;box-shadow:0 28px 62px #1f374f29}:root[data-theme=light] .topbar{border-color:#14334d24;background:linear-gradient(135deg,#fffffff0,#f0f9f7db),#fffdf8e0;box-shadow:0 18px 42px #1f374f1a}:root[data-theme=light] .content-panel,:root[data-theme=light] .hero-card,:root[data-theme=light] .device-card,:root[data-theme=light] .stat-card,:root[data-theme=light] .module-card,:root[data-theme=light] .info-panel,:root[data-theme=light] .sync-panel,:root[data-theme=light] .report-panel,:root[data-theme=light] .report-chart,:root[data-theme=light] .device-profile-card,:root[data-theme=light] .device-map-card,:root[data-theme=light] .company-badge{border-color:#14334d24;background:radial-gradient(circle at top right,rgba(255,193,105,.15),transparent 30%),linear-gradient(180deg,#fffffff5,#f5faf8d6);box-shadow:0 20px 46px #1f374f1c}:root[data-theme=light] .content-panel{background:radial-gradient(circle at top left,rgba(8,127,120,.12),transparent 34%),radial-gradient(circle at bottom right,rgba(228,125,56,.12),transparent 34%),linear-gradient(180deg,#fffffff2,#eef8f6d4)}:root[data-theme=light] .nav-link{color:#28435c}:root[data-theme=light] .nav-link__label,:root[data-theme=light] .nav-link__icon{color:#20384f}:root[data-theme=light] .nav-link:hover{border-color:#087f782e;background:linear-gradient(135deg,#087f781a,#ffffffc7),#ffffffb8}:root[data-theme=light] .nav-link.active{border-color:#e47d384d;background:linear-gradient(135deg,#ffc76b7a,#087f7824),#ffffffd1;box-shadow:0 16px 30px #1f374f1f}:root[data-theme=light] .button{color:#132334;background:linear-gradient(135deg,#ffc966,#f19a45 46%,#e87939);box-shadow:0 16px 30px #e47d3842}:root[data-theme=light] .button:hover:not(:disabled){box-shadow:0 20px 38px #e47d3852}:root[data-theme=light] .button-ghost,:root[data-theme=light] .pill-button,:root[data-theme=light] .theme-toggle,:root[data-theme=light] .sidebar-close,:root[data-theme=light] .sidebar-toggle,:root[data-theme=light] .sidebar-collapse-toggle,:root[data-theme=light] .chart-control-button{border-color:#14334d29;background:linear-gradient(180deg,#fffffff0,#f7faf8db),#ffffffd6;color:#17283a;box-shadow:0 10px 22px #1f374f14}:root[data-theme=light] .button-ghost:hover,:root[data-theme=light] .pill-button:hover,:root[data-theme=light] .theme-toggle:hover,:root[data-theme=light] .sidebar-close:hover,:root[data-theme=light] .sidebar-toggle:hover,:root[data-theme=light] .sidebar-collapse-toggle:hover,:root[data-theme=light] .chart-control-button:hover{border-color:#087f7842;background:#fff}:root[data-theme=light] .pill-button.active,:root[data-theme=light] .chart-control-button--accent,:root[data-theme=light] .sidebar-theme-toggle{border-color:#e47d3842;background:linear-gradient(135deg,#ffcb69b8,#ffffffd6)}:root[data-theme=light] .sidebar-theme-toggle .theme-toggle__icon,:root[data-theme=light] .profile-edit-button,:root[data-theme=light] .device-back-link__icon{background:linear-gradient(135deg,#ffc966,#e87939);color:#10243a}:root[data-theme=light] .device-icon-button.danger{border-color:#ff7b7247;background:linear-gradient(135deg,#9d3d42,#d76254);color:#fff2f0}:root[data-theme=light] .input-control,:root[data-theme=light] select.input-control{border-color:#14334d2e;background:#ffffffed;color:#17283a;box-shadow:inset 0 1px #ffffffe6,0 10px 22px #1f374f0f}:root[data-theme=light] .input-control:focus{border-color:#087f786b;box-shadow:0 0 0 4px #087f781a,0 12px 26px #1f374f17}:root[data-theme=light] .report-tab{border-color:#14334d1f;background:linear-gradient(145deg,#fffffff0,#eff8f6c7),#ffffffd1}:root[data-theme=light] .report-tab.active{border-color:#e47d3857;background:radial-gradient(circle at top right,rgba(255,199,107,.52),transparent 42%),linear-gradient(135deg,#fff9edfa,#def5f0f0)}:root[data-theme=light] .report-tab.active .report-tab__index{background:linear-gradient(135deg,#ffc966,#e87939);color:#10243a}:root[data-theme=light] .report-table-wrap{border-color:#14334d24;background:#ffffffbd}:root[data-theme=light] .report-table th{color:#f8fbff;background:linear-gradient(180deg,#25425d,#1d3348)}:root[data-theme=light] .report-table td{color:#20384f;border-bottom-color:#14334d1a}:root[data-theme=light] .report-table tbody tr:nth-child(2n){background:#e8f4f18f}:root[data-theme=light] .overall-reports-page .section-header{border-radius:28px;padding:22px;border:1px solid rgba(20,51,77,.1);background:radial-gradient(circle at 8% 0%,rgba(255,199,107,.32),transparent 34%),radial-gradient(circle at 92% 12%,rgba(8,127,120,.16),transparent 30%),#ffffffb8;box-shadow:0 22px 48px #1f374f17}:root[data-theme=light] .overall-report-panel{border-color:#14334d1f;background:linear-gradient(135deg,#fff8ebf5,#effaf7eb),#ffffffe6}:root[data-theme=light] .overall-report-table-wrap{border-color:#14334d1f;background:linear-gradient(180deg,#fff,#f0faf7);box-shadow:inset 0 1px #fffffff5,0 18px 34px #1f374f1a}:root[data-theme=light] .overall-report-table tbody td{background:#fffffff5}:root[data-theme=light] .overall-report-table tbody tr:nth-child(2n) td{background:#ebf8f5f5}:root[data-theme=light] .report-table .overall-report-table__device-col,:root[data-theme=light] .report-table .overall-report-row-label{color:#17283a;background:#fbfefe;box-shadow:none}:root[data-theme=light] .report-table .overall-report-table__device-col:before,:root[data-theme=light] .report-table .overall-report-row-label:before{border-right-color:#14334d24;background:#fbfefe;box-shadow:none}:root[data-theme=light] .report-table thead .overall-report-table__device-col,:root[data-theme=light] .overall-report-table thead th{color:#f8fbff;background:linear-gradient(180deg,#28506c,#1d3b55)}:root[data-theme=light] .report-table thead .overall-report-table__device-col{background:#1d3b55;box-shadow:none}:root[data-theme=light] .report-table thead .overall-report-table__device-col:before{border-right-color:#f8fbff33;background:#1d3b55;box-shadow:none}:root[data-theme=light] .overall-report-row-label span{color:#17283a}:root[data-theme=light] .overall-report-table thead .overall-report-sticky-title{color:#f8fbff}:root[data-theme=light] .overall-report-row-label small{color:#657a8e}:root[data-theme=light] .overall-report-separator td{background:#ffc76b33}:root[data-theme=light] .overall-total-row{background:#087f781a}:root[data-theme=light] .overall-total-row td{background:#e1f6f2fa}:root[data-theme=light] .overall-total-row .overall-report-row-label{background:#def4f1;box-shadow:none}:root[data-theme=light] .overall-total-row .overall-report-row-label:before{border-right-color:#087f7829;background:#def4f1;box-shadow:none}:root[data-theme=light] .overall-report-section-row th,:root[data-theme=light] .overall-report-section-row td{border-top-color:#e47d3833;border-bottom-color:#087f781f;background:linear-gradient(90deg,#ffc76b4d,#e1f6f2f2)}:root[data-theme=light] .overall-report-section-row .overall-report-row-label{background:#f4dfb4}:root[data-theme=light] .overall-report-section-row .overall-report-row-label:before{border-right-color:#e47d383d;background:#f4dfb4;box-shadow:none}:root[data-theme=light] .overall-report-section-row .overall-report-row-label span{color:#8d4a12}:root[data-theme=light] .overall-balance-row{background:#fff9edf0}:root[data-theme=light] .overall-balance-row td{background:#fffcf6f5}:root[data-theme=light] .overall-balance-row .overall-report-row-label{background:#fbf1df}:root[data-theme=light] .overall-balance-row .overall-report-row-label:before{border-right-color:#e47d3829;background:#fbf1df;box-shadow:none}:root[data-theme=light] .overall-balance-row .overall-report-row-label span{color:#1a3145}:root[data-theme=light] .overall-balance-row--summary th,:root[data-theme=light] .overall-balance-row--summary td{border-top-color:#087f7829;background:linear-gradient(90deg,#087f7821,#ffc76b38);color:#142a3e}:root[data-theme=light] .overall-balance-row--summary .overall-report-row-label{background:#dff1e8}:root[data-theme=light] .overall-balance-row--summary .overall-report-row-label:before{border-right-color:#087f7833;background:#dff1e8}:root[data-theme=light] .overall-balance-row--summary .overall-report-row-label span{color:#7c3b0d}:root[data-theme=light] .overall-report-unit-note{color:#38546d;padding:10px 12px;border-radius:14px;border:1px solid rgba(8,127,120,.14);background:#ffffffad}:root[data-theme=light] .device-overview-card{border-color:#e47d3838;background:radial-gradient(circle at 100% 0%,rgba(255,199,107,.24),transparent 38%),linear-gradient(180deg,#fffffff5,#eff8f6c7)}:root[data-theme=light] .device-overview-card--link:hover{border-color:#087f7847;box-shadow:0 22px 46px #1f374f26}:root[data-theme=light] .device-metric-block{border-color:#087f781f;background:linear-gradient(135deg,#087f781a,#ffffffbd),#ffffffc7}:root[data-theme=light] .device-metric-block__value strong,:root[data-theme=light] .device-metric-block__value span{color:#05867f}:root[data-theme=light] .status-pill.online,:root[data-theme=light] .device-identity-chip,:root[data-theme=light] .device-map-pin,:root[data-theme=light] .device-map-link{border-color:#087f782e;background:#087f781a;color:#075f5a}:root[data-theme=light] .device-flow-chip,:root[data-theme=light] .role-chip{border-color:#e47d3833;background:#e47d381f;color:#8d421d}:root[data-theme=light] .device-flow-chip.maintenance{border-color:#be5f2647;background:linear-gradient(135deg,#ffc87a57,#ff756729),#ffffffd1;color:#8b3d18}:root[data-theme=light] .sidebar-logout,:root[data-theme=light] .status-pill.offline,:root[data-theme=light] .error-banner{border-color:#c44c4333;background:#c44c431a;color:#91322d}:root[data-theme=light] .toast-popup,:root[data-theme=light] .modal-card,:root[data-theme=light] .profile-modal-card,:root[data-theme=light] .login-card{border-color:#14334d29;background:radial-gradient(circle at top right,rgba(255,199,107,.2),transparent 35%),radial-gradient(circle at bottom left,rgba(8,127,120,.1),transparent 34%),linear-gradient(180deg,#fffffffa,#f6faf8eb);box-shadow:0 30px 70px #1f374f2e}:root[data-theme=light] .toast-popup{border-color:#087f7838}:root[data-theme=light] .toast-popup--error{border-color:#c44c433d}:root[data-theme=light] .toast-popup__icon{background:linear-gradient(135deg,#087f78,#3bb5aa)}:root[data-theme=light] .toast-popup--error .toast-popup__icon{background:linear-gradient(135deg,#c44c43,#e87939);color:#fff7f1}:root[data-theme=light] .toast-popup--welcome .toast-popup__icon,:root[data-theme=light] .login-card__badge{background:linear-gradient(135deg,#ffc966,#e87939);color:#10243a}:root[data-theme=light] .toast-popup__progress{background:linear-gradient(90deg,#087f78,#e87939)}:root[data-theme=light] .toast-popup--error .toast-popup__progress{background:linear-gradient(90deg,#c44c43,#e87939)}:root[data-theme=light] .modal-backdrop,:root[data-theme=light] .profile-modal-backdrop{background:#14253457;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:root[data-theme=light] .modal-close,:root[data-theme=light] .profile-modal-close,:root[data-theme=light] .toast-popup__close,:root[data-theme=light] .profile-form__toggle{border-color:#14334d29;background:#ffffffc7;color:#17283a}:root[data-theme=light] .delete-device-modal__warning{border-color:#c44c4333;background:linear-gradient(135deg,#c44c431f,#ffc76b1f),#ffffffbd}:root[data-theme=light] .report-chart__canvas .uplot,:root[data-theme=light] .report-chart__canvas .u-title,:root[data-theme=light] .report-chart__canvas .u-legend .u-value{color:#17283a}:root[data-theme=light] .report-chart__canvas .u-legend{border-color:#14334d1f;background:#ffffffc2;color:#5d6f80}:root[data-theme=light] .app-footer,:root[data-theme=light] .eyebrow,:root[data-theme=light] .eyebrow-1,:root[data-theme=light] .eyebrow-main,:root[data-theme=light] .device-overview-card h3,:root[data-theme=light] .report-tab.active .report-tab__copy small{color:#9d5e10}.narrow-panel{max-width:560px;width:100%;display:grid;gap:18px}.user-management-shell{display:grid;gap:18px;overflow:hidden}.users-header{align-items:flex-start}.permission-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.permission-stat-card{position:relative;overflow:hidden;display:grid;gap:8px;min-height:132px;padding:18px;border:1px solid rgba(173,203,232,.12);border-radius:22px;background:radial-gradient(circle at top right,rgba(247,198,107,.14),transparent 36%),#ffffff0a}.permission-stat-card:after{content:"";position:absolute;right:-24px;bottom:-28px;width:96px;height:96px;border-radius:999px;background:#4db6ac21}.permission-stat-card span{color:var(--muted);font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.permission-stat-card strong{position:relative;z-index:1;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:clamp(1.65rem,3vw,2.35rem)}.permission-stat-card p{position:relative;z-index:1;color:var(--muted);font-weight:700}.users-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;border:1px solid rgba(173,203,232,.12);border-radius:24px;background:linear-gradient(135deg,rgba(77,182,172,.08),transparent 42%),#ffffff09}.users-toolbar__copy{display:grid;gap:6px}.users-toolbar__copy p{color:var(--muted);line-height:1.55}.users-toolbar__controls{display:grid;grid-template-columns:minmax(240px,360px) minmax(150px,180px);gap:12px;min-width:min(100%,560px)}.success-banner{border-radius:18px;border:1px solid rgba(77,182,172,.24);background:var(--teal-soft);color:#cbfff8;padding:14px 16px;font-weight:800}.users-table-wrap{overflow:auto;border:1px solid rgba(173,203,232,.12);border-radius:24px;background:#ffffff09}.users-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0}.users-table th,.users-table td{padding:16px;border-bottom:1px solid rgba(173,203,232,.1);text-align:left;vertical-align:middle}.users-table thead th{position:sticky;top:0;z-index:2;color:#dce8f7;background:#17304a;font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.users-table tbody tr:nth-child(2n){background:#ffffff06}.users-table tbody tr:hover{background:#4db6ac12}.user-identity-cell{display:grid;gap:4px}.user-identity-cell span{color:var(--text);font-size:1rem;font-weight:900}.user-identity-cell small{color:var(--muted);font-weight:700}.user-identity-cell em{width:fit-content;margin-top:4px;padding:4px 8px;border-radius:999px;background:var(--warning-soft);color:var(--warning);font-size:.72rem;font-style:normal;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.role-badge,.status-chip{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:8px 13px;border:1px solid transparent;border-radius:999px;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff1a,0 10px 22px #030a122e}.role-badge--super-admin{color:#ffe8bd;background:linear-gradient(135deg,#f7c66b38,#f08c5a33),#5e351540;border-color:#f7c66b52}.role-badge--admin{color:#d3fbff;background:linear-gradient(135deg,#4db6ac38,#17676e3d),#143a4242;border-color:#4db6ac5c}.role-badge--user{color:#e7f0fb;background:linear-gradient(135deg,#adcbe829,#46658233),#162a3e57;border-color:#adcbe847}.status-chip.active{color:#c8fff7;background:linear-gradient(135deg,#4db6ac42,#0a605e3d),#0c3e4352;border-color:#4db6ac6b;box-shadow:inset 0 1px #ffffff1a,0 10px 22px #4db6ac24}.status-chip.inactive{color:#ffd8d3;background:linear-gradient(135deg,#ff7b7233,#8631373d),#4418204d;border-color:#ff7b7257;box-shadow:inset 0 1px #ffffff14,0 10px 22px #d762541f}.device-allocation-preview{display:grid;gap:8px}.device-allocation-preview strong{color:var(--text);font-weight:900}.device-allocation-preview div{display:flex;flex-wrap:wrap;gap:6px}.device-allocation-preview span{padding:5px 8px;border-radius:999px;color:var(--muted);background:#ffffff0f;font-size:.78rem;font-weight:800}.muted-copy{color:var(--muted);font-weight:700}.user-actions{display:flex;flex-wrap:wrap;gap:8px}.user-actions .button{min-height:40px;padding:10px 13px;border-radius:14px}.user-actions .button-ghost{border:1px solid rgba(247,198,107,.34);color:#111827;background:linear-gradient(135deg,#ffd36f,#f2a24c 58%,#d96c36);box-shadow:0 12px 22px #f08c5a3d}.user-actions .button-ghost:hover{transform:translateY(-1px);border-color:#ffd57394;background:linear-gradient(135deg,#ffe08a,#f6ad55 58%,#e87939);box-shadow:0 16px 28px #f08c5a4d}.user-modal{width:min(100%,1060px)}.user-form{gap:16px}.user-form__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px}.user-active-toggle{align-content:end}.user-password-field{position:relative;display:block}.user-password-field .input-control{width:100%;padding-right:48px}.user-password-toggle{position:absolute;right:12px;top:50%;display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:12px;color:var(--muted);background:#ffffff0f;cursor:pointer;transform:translateY(-50%);transition:color .18s ease,background .18s ease,transform .18s ease}.user-password-toggle:hover{color:var(--text);background:#4db6ac1f;transform:translateY(-50%) scale(1.03)}.user-password-toggle svg{width:18px;height:18px}.status-toggle{width:100%;min-height:46px;border:1px solid rgba(255,123,114,.34);border-radius:14px;color:#ffd8d3;background:linear-gradient(135deg,#ff7b722e,#86313738),#44182040;font-weight:900;cursor:pointer;box-shadow:inset 0 1px #ffffff14,0 10px 22px #d762541a;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.status-toggle.active{border-color:#4db6ac6b;color:#c8fff7;background:linear-gradient(135deg,#4db6ac3d,#0a605e38),#0c3e4347;box-shadow:inset 0 1px #ffffff1a,0 12px 24px #4db6ac24}.status-toggle:hover{transform:translateY(-1px)}.allocation-panel{display:grid;gap:14px;padding:16px;border:1px solid rgba(173,203,232,.12);border-radius:22px;background:radial-gradient(circle at top right,rgba(77,182,172,.12),transparent 32%),#ffffff09}.allocation-panel__header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.allocation-panel__header p:not(.eyebrow){max-width:420px;color:var(--muted);line-height:1.55;font-weight:700}.device-allocation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:360px;overflow:auto;padding-right:4px;padding-top:5px}.allocation-card{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px;border:1px solid rgba(173,203,232,.12);border-radius:18px;background:#ffffff0a;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.allocation-card:hover,.allocation-card.selected{transform:translateY(-1px);border-color:#4db6ac57;background:#4db6ac1a}.allocation-card input{position:absolute;opacity:0;pointer-events:none}.allocation-card__check{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(173,203,232,.18);border-radius:10px;color:#07131f;background:#ffffff0f;font-size:.62rem;font-weight:900}.allocation-card__check svg{width:17px;height:17px}.allocation-card.selected .allocation-card__check{border-color:#f7c66b99;background:linear-gradient(135deg,#f7c66b,#f08c5a)}.allocation-card__content{display:grid;gap:4px;min-width:0}.allocation-card__content strong{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.allocation-card__content small,.allocation-card__content em{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:700}.allocation-card__content b{width:fit-content;margin-top:4px;padding:4px 7px;border-radius:999px;color:var(--warning);background:var(--warning-soft);font-size:.72rem}.user-modal-note{padding:12px 14px;font-size:.9rem}.users-empty-state{margin:10px}.user-schema-note{display:flex;gap:10px;align-items:flex-start;line-height:1.65}.user-schema-note strong{white-space:nowrap}.user-schema-note code{color:var(--warning);font-weight:900}:root[data-theme=light] .permission-stat-card,:root[data-theme=light] .stat-card,:root[data-theme=light] .users-toolbar,:root[data-theme=light] .users-table-wrap,:root[data-theme=light] .allocation-panel{border-color:#1c3a5221;background:radial-gradient(circle at top right,rgba(255,194,92,.18),transparent 36%),#ffffffc2;box-shadow:0 18px 44px #1f374f1a}:root[data-theme=light] .users-table thead th{color:#fff7ea;background:#1e4463}:root[data-theme=light] .users-table tbody tr:nth-child(2n){background:#e7f6f3b8}:root[data-theme=light] .users-table tbody tr:hover{background:#ffe6b999}:root[data-theme=light] .success-banner{color:#0c5954;background:#087f781f;border-color:#087f7838}:root[data-theme=light] .role-badge--super-admin{color:#914d12;background:#e47d3824;border-color:#e47d383d}:root[data-theme=light] .role-badge--admin,:root[data-theme=light] .status-chip.active{color:#075b55;background:#087f781f;border-color:#087f7838}:root[data-theme=light] .role-badge--user{color:#24445f;background:#1e446314;border-color:#1e446329}:root[data-theme=light] .status-chip.inactive,:root[data-theme=light] .status-toggle{color:#ad3f36;background:#c44c431a;border-color:#c44c4329}:root[data-theme=light] .status-toggle.active{color:#075b55;background:#087f781f;border-color:#087f7833}:root[data-theme=light] .device-allocation-preview span,:root[data-theme=light] .allocation-card{background:#ffffffc7;border-color:#1c3a521f}:root[data-theme=light] .allocation-card:hover,:root[data-theme=light] .allocation-card.selected{background:#e9f6f3db;border-color:#087f783d}:root[data-theme=light] .allocation-card__check{color:#fff7ea;background:#1e446314}:root[data-theme=light] .user-password-toggle{color:#607891;background:#1e446314}:root[data-theme=light] .user-password-toggle:hover{color:#16324a;background:#087f781c}:root[data-theme=light] .content-panel,:root[data-theme=light] .panel-surface{background:radial-gradient(circle at top left,rgba(8,127,120,.11),transparent 30%),radial-gradient(circle at bottom right,rgba(228,125,56,.1),transparent 32%),linear-gradient(135deg,#e7f1eef2,#f2e8d6eb)}:root[data-theme=light] .stat-card,:root[data-theme=light] .permission-stat-card,:root[data-theme=light] .module-card,:root[data-theme=light] .info-panel,:root[data-theme=light] .sync-panel,:root[data-theme=light] .water-balance-section,:root[data-theme=light] .water-balance-card,:root[data-theme=light] .water-balance-details,:root[data-theme=light] .users-toolbar,:root[data-theme=light] .users-table-wrap,:root[data-theme=light] .report-panel,:root[data-theme=light] .overall-report-panel{border-color:#1d435f29;background:radial-gradient(circle at 100% 4%,rgba(255,188,82,.18),transparent 34%),linear-gradient(135deg,#ebf5f2f0,#f6ebd8e0);box-shadow:inset 0 1px #ffffffc2,0 20px 46px #2642581f}:root[data-theme=light] .water-balance-section{background:radial-gradient(circle at 3% 0%,rgba(8,127,120,.13),transparent 30%),radial-gradient(circle at 100% 0%,rgba(255,188,82,.2),transparent 32%),linear-gradient(135deg,#ecf6f2f5,#f7ecd8e6)}:root[data-theme=light] .water-balance-card{border-color:#1d435f24;background:linear-gradient(135deg,#ffffffe6,#e7f3efc2),#ffffffd1}:root[data-theme=light] .water-balance-card span,:root[data-theme=light] .water-balance-header p:not(.eyebrow),:root[data-theme=light] .water-balance-table td,:root[data-theme=light] .water-balance-details__header span{color:#526a7f}:root[data-theme=light] .water-balance-card strong,:root[data-theme=light] .water-balance-table td:first-child,:root[data-theme=light] .water-balance-table td:last-child{color:#142a3e}:root[data-theme=light] .water-balance-card small{color:#087f78}:root[data-theme=light] .water-balance-warning{border-color:#cf7e2233;background:#ffbc5229;color:#526a7f}:root[data-theme=light] .water-balance-details{background:radial-gradient(circle at top right,rgba(255,188,82,.16),transparent 34%),#ffffffb8}:root[data-theme=light] .water-balance-table-wrap{border-color:#1d435f21;background:#ffffffc2}:root[data-theme=light] .water-balance-table th{color:#f8fbff;background:linear-gradient(180deg,#25425d,#1d3348)}:root[data-theme=light] .water-balance-table td{border-bottom-color:#14334d1a}:root[data-theme=light] .water-balance-formula__line{border-color:#087f7821;background:#087f780f}:root[data-theme=light] .water-balance-formula__toggle{border-color:#087f783d;background:#087f781a;color:#087f78}:root[data-theme=light] .water-balance-formula__toggle:hover{border-color:#087f7866;background:#087f7829}:root[data-theme=light] .water-balance-formula__labels{border-left-color:#087f788c;background:#087f7814;color:#142a3e}:root[data-theme=light] .water-balance-table tbody tr:nth-child(2n){background:#e8f4f18a}:root[data-theme=light] .water-balance-table tr.is-summary{background:linear-gradient(90deg,#087f7821,#ffbc522e)!important}:root[data-theme=light] .modal-card,:root[data-theme=light] .profile-modal-card,:root[data-theme=light] .login-card{border-color:#1d435f2e;background:radial-gradient(circle at top right,rgba(255,190,88,.24),transparent 34%),radial-gradient(circle at bottom left,rgba(8,127,120,.15),transparent 32%),linear-gradient(180deg,#f8faf5fa,#e9f4eff2 58%,#f5e7cfeb);box-shadow:0 34px 78px #23384a38,inset 0 1px #ffffffb8}:root[data-theme=light] .modal-card .input-control,:root[data-theme=light] .profile-modal-card .profile-form__control{border-color:#1d435f2e;background:#f2f8f5f0;box-shadow:inset 0 1px #ffffffdb,0 10px 24px #2642580f}:root[data-theme=light] .modal-card .input-control:focus{border-color:#087f7880;background:#fffffffa}:root[data-theme=light] .allocation-panel{border-color:#087f782e;background:radial-gradient(circle at top right,rgba(255,190,88,.22),transparent 35%),linear-gradient(135deg,#e1f1edf5,#f4e7cde6);box-shadow:inset 0 1px #fffc,0 16px 34px #2642581a}:root[data-theme=light] .allocation-card{border-color:#1d435f24;background:#f6f9f6e6;box-shadow:inset 0 1px #ffffffd1}:root[data-theme=light] .allocation-card:hover{border-color:#087f7847;background:#ebf6f2f5}:root[data-theme=light] .allocation-card.selected{border-color:#087f786b;background:linear-gradient(135deg,#d3efe9fa,#e8f4eff0);box-shadow:inset 4px 0 #087f78b3,0 16px 30px #087f781f}:root[data-theme=light] .allocation-card__check{border-color:#1d435f29;background:#e1eaebe6;color:transparent}:root[data-theme=light] .allocation-card.selected .allocation-card__check{border-color:#087f7885;background:linear-gradient(135deg,#087f78,#32b5a9);color:#f7fffd;box-shadow:0 8px 16px #087f7833}:root[data-theme=light] .allocation-card__content strong,:root[data-theme=light] .user-modal h2,:root[data-theme=light] .modal-card__header h2{color:#142a3e}:root[data-theme=light] .allocation-card__content small,:root[data-theme=light] .allocation-card__content em,:root[data-theme=light] .allocation-panel__header p:not(.eyebrow){color:#526a7f}:root[data-theme=light] .allocation-card__content b{color:#8c4f0f;background:#ffbc523d}:root[data-theme=light] .status-toggle.active{color:#064f4a;background:linear-gradient(135deg,#087f7829,#ffffff75);border-color:#087f7847}:root[data-theme=light] .user-password-toggle{color:#34536c;background:#1d435f1a}:root[data-theme=light] .role-chip{border-color:#cf7e2247;color:#7c3b0d;background:linear-gradient(135deg,#ffd1775c,#e8793929),#ffffffa3;box-shadow:inset 0 1px #ffffffb8,0 10px 22px #e8793924}:root[data-theme=light] .role-badge,:root[data-theme=light] .status-chip{box-shadow:inset 0 1px #ffffffb8,0 10px 22px #1f48661a}:root[data-theme=light] .role-badge--super-admin{color:#7c3b0d;background:linear-gradient(135deg,#ffd17761,#e8793929),#ffffffb8;border-color:#cf7e224d}:root[data-theme=light] .role-badge--admin{color:#064f4a;background:linear-gradient(135deg,#087f782e,#d1eee9b8),#ffffffa8;border-color:#087f7842}:root[data-theme=light] .role-badge--user{color:#213d56;background:linear-gradient(135deg,#315a7921,#e2edf4bd),#ffffffb3;border-color:#315a7938}:root[data-theme=light] .status-chip.active,:root[data-theme=light] .status-toggle.active{color:#064f4a;background:linear-gradient(135deg,#087f7833,#d1eee9c7),#ffffffad;border-color:#087f784d;box-shadow:inset 0 1px #ffffffb8,0 12px 24px #087f781f}:root[data-theme=light] .status-chip.inactive,:root[data-theme=light] .status-toggle:not(.active){color:#9f332d;background:linear-gradient(135deg,#c44c4329,#ffece5c2),#ffffffb3;border-color:#c44c433d;box-shadow:inset 0 1px #ffffffb8,0 12px 24px #c44c431a}:root[data-theme=light] .user-actions .button-ghost,:root[data-theme=light] .profile-edit-button,:root[data-theme=light] .device-icon-button:not(.danger){border-color:#cf7e2257;color:#122235;background:linear-gradient(135deg,#ffd36f,#f2a24c 58%,#e87939);box-shadow:0 14px 26px #e8793938}:root[data-theme=light] .user-actions .button-ghost:hover,:root[data-theme=light] .profile-edit-button:hover,:root[data-theme=light] .device-icon-button:not(.danger):hover{border-color:#cf7e227a;background:linear-gradient(135deg,#ffe08a,#f6ad55 58%,#e87939);box-shadow:0 18px 32px #e8793947}:root[data-theme=light] .button-danger,:root[data-theme=light] .device-icon-button.danger{border-color:#c44c4357;color:#fff6f4;background:linear-gradient(135deg,#b9433d,#d95f55 58%,#ef7d65);box-shadow:0 14px 28px #c44c4338}:root[data-theme=light] .button-danger:hover,:root[data-theme=light] .device-icon-button.danger:hover{border-color:#c44c4375;background:linear-gradient(135deg,#a73531,#d5524a 58%,#f0725e);box-shadow:0 18px 34px #c44c4347}:root[data-theme=light] .brand-logo--theme-dark,:root[data-theme=light] .company-logo--theme-dark{display:none}:root[data-theme=light] .brand-logo--theme-light,:root[data-theme=light] .company-logo--theme-light{display:block}.sld-section{display:grid;gap:18px;padding:clamp(18px,2vw,24px);border:1px solid rgba(173,203,232,.13);border-radius:30px;background:radial-gradient(circle at 7% 2%,rgba(77,182,172,.16),transparent 32%),radial-gradient(circle at 88% 0%,rgba(240,140,90,.12),transparent 34%),#05121f7a;box-shadow:inset 0 1px #ffffff0a}.sld-header,.sld-config-actions,.sld-link-editor__header,.sld-link-row__actions{display:flex;align-items:center}.sld-header{justify-content:space-between;gap:16px;flex-wrap:wrap}.sld-header h2{margin:4px 0 6px;color:var(--text);font-family:Space Grotesk,sans-serif}.sld-subtitle{color:var(--muted)}.sld-live-badge{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(77,182,172,.2);border-radius:999px;color:#bdfaf4;background:#4db6ac14;font-weight:900}.sld-live-badge span{width:9px;height:9px;border-radius:999px;background:#35d9cf;box-shadow:0 0 18px #35d9cfcc}.sld-stage-wrap{overflow:auto;max-height:min(86vh,1120px);border:1px solid rgba(173,203,232,.12);border-radius:24px;background:linear-gradient(rgba(173,203,232,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(173,203,232,.035) 1px,transparent 1px),radial-gradient(circle at top,rgba(56,198,255,.1),transparent 32%),#020c185c;background-size:34px 34px,34px 34px,auto,auto}.sld-stage{position:relative;isolation:isolate;width:max(100%,1120px);aspect-ratio:1080 / 1540;min-height:1380px}.sld-pipes{position:absolute;inset:0;z-index:1;width:100%;height:100%;color:#35d9cf;overflow:visible;pointer-events:none}.sld-pipes marker path{fill:currentColor}.sld-pipe{fill:none;stroke:url(#sld-flow-gradient);stroke-linecap:round;stroke-linejoin:round;stroke-width:5;filter:drop-shadow(0 0 8px rgba(53,217,207,.42));opacity:.9;stroke-dasharray:15 12;animation:sldFlow 1.4s linear infinite}.sld-pipe.is-labeled{stroke:#f7c66b;filter:drop-shadow(0 0 10px rgba(247,198,107,.36))}.sld-pipe.is-selected{stroke-width:8;opacity:1;filter:drop-shadow(0 0 16px rgba(247,198,107,.7))}.sld-link-label{position:absolute;z-index:4;transform:translate(-50%,-50%);max-width:128px;padding:6px 9px;border:1px solid rgba(247,198,107,.26);border-radius:999px;color:#ffe3ac;background:#1d1914c7;font-size:.68rem;font-weight:900;line-height:1.2;text-align:center;text-transform:uppercase;overflow-wrap:anywhere}.sld-node{position:absolute;z-index:5;display:grid;gap:9px;width:156px;min-height:86px;padding:12px;border:1px solid rgba(173,203,232,.18);border-radius:18px;background:linear-gradient(135deg,#ffffff12,#ffffff06),#081726e6;box-shadow:inset 0 1px #ffffff0f,0 16px 38px #0000003d;transform:translate(-50%,-50%)}.sld-node--meter{width:184px;border-color:#4db6ac47}.sld-node--source,.sld-node--tank,.sld-node--treatment,.sld-node--destination{place-items:center;min-height:72px;text-align:center}.sld-node--source{border-color:#f7c66b52;background:linear-gradient(135deg,#f7c66b21,#4db6ac0f),#0c1c2beb}.sld-node--note{border-style:dashed;border-color:#f7c66b5c}.sld-node.is-muted{opacity:.74}.sld-node__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}.sld-node__top>div{min-width:0}.sld-node h3{min-width:0;margin:0;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:.98rem;line-height:1.16;overflow-wrap:anywhere}.sld-node p,.sld-node small{margin:0;color:var(--muted);font-size:.72rem;line-height:1.35;overflow-wrap:anywhere}.sld-node__code{display:inline-block;margin-bottom:3px;color:#35d9cf;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.sld-node .status-pill{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:20px;padding:0 7px;border:1px solid rgba(77,182,172,.18);border-radius:999px;font-size:.52rem;line-height:1;box-shadow:none;white-space:nowrap}.sld-node .status-pill.online{background:#4db6ac29;color:#a9f7ef}.sld-node .status-pill.offline{border-color:#ff6d6133;background:#ff6d611f}.sld-node .status-pill.neutral{border-color:#94a3b82e;background:#94a3b81f}.sld-node__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:7px;border-top:1px solid rgba(173,203,232,.1)}.sld-node__metrics div{min-width:0}.sld-node__metrics span{display:block;color:var(--muted);font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.sld-node__metrics strong{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;min-width:0;color:#35d9cf;font-family:Space Grotesk,sans-serif;font-size:.94rem;line-height:1.15;overflow-wrap:anywhere}.sld-node__metrics em{color:#35d9cf;font-size:.62rem;font-style:normal;font-weight:900;white-space:nowrap}.sld-loading{position:absolute;inset:24px;z-index:8;display:grid;place-items:center;align-content:center;gap:8px;border:1px solid rgba(173,203,232,.14);border-radius:22px;background:#040e1ab8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sld-loading strong{color:var(--text);font-family:Space Grotesk,sans-serif}.sld-warning{margin-top:-2px}.sld-config-shell{gap:18px}.sld-config-actions{gap:10px;flex-wrap:wrap}.sld-config-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:18px;align-items:start}.sld-config-layout .sld-section{min-width:0}.sld-config-layout .sld-stage-wrap{max-height:820px}.sld-link-editor{display:grid;gap:14px;min-width:0;padding:18px;border:1px solid rgba(173,203,232,.13);border-radius:24px;background:#0413204d}.sld-link-editor__header{justify-content:space-between;gap:12px}.sld-link-editor__header h3{margin:4px 0 0;color:var(--text);font-family:Space Grotesk,sans-serif}.sld-link-list{display:grid;gap:12px;max-height:820px;overflow:auto;padding-right:4px}.sld-link-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:12px;border:1px solid rgba(173,203,232,.12);border-radius:18px;background:#ffffff09}.sld-link-row:focus-within,.sld-link-row:hover{border-color:#f7c66b47}.sld-link-row__index{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;color:#ffe0b4;background:#f7c66b26;font-weight:900}.sld-link-row label{display:grid;grid-column:2;gap:6px;min-width:0}.sld-link-row label span{color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.sld-link-row__actions{grid-column:2;gap:8px}@keyframes sldFlow{to{stroke-dashoffset:-27}}:root[data-theme=light] .sld-section{border-color:#14334d1f;background:radial-gradient(circle at 4% 0%,rgba(8,127,120,.13),transparent 30%),radial-gradient(circle at 100% 0%,rgba(255,188,82,.2),transparent 32%),linear-gradient(135deg,#ecf6f2f5,#f7ecd8e6);box-shadow:0 20px 46px #2642581f}:root[data-theme=light] .sld-subtitle,:root[data-theme=light] .sld-node p,:root[data-theme=light] .sld-node small,:root[data-theme=light] .sld-node__metrics span{color:#526a7f}:root[data-theme=light] .sld-live-badge{border-color:#087f782e;color:#075f59;background:#087f7814}:root[data-theme=light] .sld-stage-wrap{border-color:#14334d1f;background:linear-gradient(rgba(29,67,95,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(29,67,95,.045) 1px,transparent 1px),radial-gradient(circle at top,rgba(8,127,120,.1),transparent 32%),#ffffff8a;background-size:34px 34px,34px 34px,auto,auto}:root[data-theme=light] .sld-node,:root[data-theme=light] .sld-link-editor,:root[data-theme=light] .sld-link-row{border-color:#14334d21;background:linear-gradient(135deg,#ffffffeb,#edf6f3c7),#ffffffdb;box-shadow:0 14px 32px #2642581f}:root[data-theme=light] .sld-node--meter{border-color:#087f7838}:root[data-theme=light] .sld-node h3,:root[data-theme=light] .sld-link-editor__header h3{color:#142a3e}:root[data-theme=light] .sld-node__code,:root[data-theme=light] .sld-node__metrics strong,:root[data-theme=light] .sld-node__metrics em{color:#087f78}:root[data-theme=light] .sld-link-label{color:#7c3b0d;background:#fff9edeb}:root[data-theme=light] .sld-loading{background:#ffffffbd}.sld-dashboard-section,.sld-config-shell{display:grid;gap:18px}.sld-dashboard-canvas-observer{min-width:0}.sld-config-actions{position:relative;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.sld-device-picker{position:relative}.sld-device-picker__menu{position:absolute;top:calc(100% + 10px);right:0;z-index:20;display:grid;gap:8px;width:min(340px,82vw);max-height:340px;overflow:auto;padding:10px;border:1px solid rgba(173,203,232,.14);border-radius:18px;background:#071320fa;box-shadow:0 24px 60px #00000057}.sld-device-picker__menu button{display:grid;gap:4px;width:100%;padding:11px 12px;border:1px solid rgba(173,203,232,.12);border-radius:14px;color:var(--text);background:#ffffff0a;text-align:left;cursor:pointer}.sld-device-picker__menu button:hover{border-color:#4db6ac52;background:#4db6ac1a}.sld-device-picker__menu span{color:var(--muted);font-size:.74rem;font-weight:800}.sld-canvas-map{display:grid;gap:12px;min-width:0}.sld-canvas-frame{overflow:auto;padding:clamp(10px,1.4vw,16px);border:1px solid rgba(173,203,232,.13);border-radius:26px;background:radial-gradient(circle at 10% 0%,rgba(77,182,172,.11),transparent 34%),radial-gradient(circle at 100% 6%,rgba(240,140,90,.1),transparent 34%),#04101d85;box-shadow:inset 0 1px #ffffff0a}.sld-canvas-stage{position:relative;isolation:isolate;width:max(100%,1280px);aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgba(173,203,232,.15);border-radius:18px;background:linear-gradient(rgba(173,203,232,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(173,203,232,.045) 1px,transparent 1px),#010a14b8;background-size:32px 32px,32px 32px,auto}.sld-canvas-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.sld-canvas-empty,.sld-canvas-loading{position:absolute;inset:0;z-index:1;display:grid;place-items:center;align-content:center;gap:10px;padding:24px;color:var(--muted);text-align:center}.sld-canvas-empty strong,.sld-canvas-loading strong{max-width:520px;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:clamp(1.1rem,2vw,1.75rem);line-height:1.2}.sld-canvas-loading{z-index:30;background:#040e1aa3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sld-device-block{position:absolute;z-index:5;display:grid;place-items:center;width:var(--sld-block-width, 5.506901041666699%);height:var(--sld-block-height, 7.210513%);min-height:0;padding:clamp(2px,.22vw,4px);border:1px solid rgba(89,216,204,.48);border-radius:clamp(10px,.7vw,16px);color:var(--text);background:radial-gradient(circle at 18% 16%,rgba(98,214,204,.26),transparent 42%),linear-gradient(135deg,#1c5858f7,#103e46f7);box-shadow:inset 0 1px #ffffff21,0 10px 24px #00000038;text-align:center;-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer;-webkit-border-radius:clamp(10px,.7vw,16px);-moz-border-radius:clamp(10px,.7vw,16px);-ms-border-radius:clamp(10px,.7vw,16px);-o-border-radius:clamp(10px,.7vw,16px)}.sld-device-block:hover,.sld-device-block:focus-within{z-index:120}.sld-device-block:focus-visible{outline:3px solid rgba(89,216,204,.78);outline-offset:3px}.sld-device-block.is-draggable{cursor:grab}.sld-device-block.is-draggable:active{cursor:grabbing}.sld-device-block.is-locked{border-color:#f7c66b57}.sld-device-block__metrics{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;width:100%;height:100%;gap:2px}.sld-device-block__metrics div{display:grid;grid-template-rows:auto minmax(0,1fr);place-items:center;width:100%;height:100%;min-width:0;min-height:0}.sld-device-block__metrics>div>span{display:block;color:#a9c9d8;font-size:clamp(.42rem,.44vw,.58rem);font-weight:900;letter-spacing:.04em;text-transform:uppercase}.sld-device-block__value{display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;color:#35d9cf;font-family:Space Grotesk,sans-serif;line-height:1.05}.sld-device-block__value-inner{display:inline-flex;align-items:baseline;justify-content:center;flex-wrap:nowrap;gap:2px 3px;max-width:100%;color:inherit;font-size:var(--sld-value-size, clamp(1.35rem, 1.65vw, 2rem));font-weight:900;line-height:.98;text-align:center;white-space:nowrap}.sld-device-block__number{min-width:0;max-width:100%;white-space:nowrap}.sld-device-block__value em{font-size:.48em;font-style:normal;font-weight:900;line-height:1;white-space:nowrap}.sld-device-block__metrics em{font-style:normal}.sld-device-block__actions{position:absolute;top:50%;left:calc(100% + 5px);z-index:130;display:inline-grid;place-items:center;gap:4px;padding:5px;border:1px solid rgba(89,216,204,.32);border-radius:999px;background:radial-gradient(circle at 24% 16%,rgba(98,214,204,.2),transparent 46%),linear-gradient(135deg,#1c5858eb,#103e46f0);box-shadow:inset 0 1px #ffffff1a,0 12px 26px #00000038;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translate(-6px,-50%) scale(.94);transition:opacity .16s ease,transform .16s ease}.sld-device-block:hover .sld-device-block__actions,.sld-device-block:focus-within .sld-device-block__actions{opacity:1;transform:translateY(-50%) scale(1)}.sld-device-block__actions button{display:grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid rgba(89,216,204,.22);border-radius:999px;color:#dcfffb;background:#0a2f37b8;box-shadow:inset 0 1px #ffffff17,0 4px 10px #00000029;cursor:pointer;line-height:0;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.sld-device-block__actions button:hover{transform:translateY(-1px);border-color:#59d8cc70;background:#104850db}.sld-device-block__actions button.is-lock{color:#e6fffb;border-color:#59d8cc57;background:#1f6f718f}.sld-device-block__actions button.is-unlock{color:#ffe3a2;border-color:#f4b95f5c;background:#415f5294}.sld-device-block__actions button:disabled{cursor:wait;opacity:.62}.sld-device-block__actions button.danger{color:#ffd0cc;border-color:#ff897e4d;background:#503c3d99}.sld-device-block__actions svg{display:block;width:12px;height:12px;flex:0 0 auto;margin:auto;overflow:visible}.sld-device-tooltip{position:absolute;left:50%;bottom:calc(100% + 14px);z-index:40;display:none;width:292px;padding:15px 16px;border:1px solid rgba(89,216,204,.34);border-radius:17px;color:var(--text);background:radial-gradient(circle at 18% 0%,rgba(98,214,204,.18),transparent 44%),linear-gradient(135deg,#1c5858fa,#0c323afa);box-shadow:inset 0 1px #ffffff1a,0 22px 52px #00000052;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-50%);pointer-events:none}.sld-device-tooltip--below{top:calc(100% + 14px);bottom:auto}.sld-device-tooltip--left{right:0;left:auto;transform:none}.sld-device-tooltip--right{left:0;transform:none}.sld-device-tooltip strong{display:block;margin-bottom:13px;color:#edfffd;font-family:Space Grotesk,sans-serif;font-size:.94rem;line-height:1.2}.sld-device-tooltip dl{display:grid;gap:9px;margin:0}.sld-device-tooltip dl div{display:flex;align-items:baseline;justify-content:space-between;gap:14px;min-width:0}.sld-device-tooltip dt,.sld-device-tooltip dd{margin:0;font-size:.82rem;line-height:1.3}.sld-device-tooltip dt{flex-shrink:0;color:#b9d9df}.sld-device-tooltip dd{min-width:0;color:#3df1e4;font-weight:900;text-align:right;overflow-wrap:anywhere}.sld-device-block:hover .sld-device-tooltip{display:block}:root[data-theme=light] .sld-device-picker__menu,:root[data-theme=light] .sld-device-tooltip{border-color:#14334d24;background:#fffffff7;box-shadow:0 18px 42px #2642582e}:root[data-theme=light] .sld-device-tooltip strong{color:#123c44}:root[data-theme=light] .sld-device-block__actions{border-color:#14334d24;background:#ffffffe6;box-shadow:0 12px 26px #2642582e}:root[data-theme=light] .sld-device-block__actions button{color:#34536c;border-color:#14334d1f;background:#1d435f0f}:root[data-theme=light] .sld-device-block__actions button.is-lock{color:#087f78;border-color:#087f7838;background:#087f781c}:root[data-theme=light] .sld-device-block__actions button.is-unlock{color:#9d5e10;border-color:#f7c66b57;background:#f7c66b2e}:root[data-theme=light] .sld-device-block__actions button.danger{color:#a83c34;border-color:#a83c3433;background:#a83c341a}:root[data-theme=light] .sld-canvas-frame{border-color:#14334d1f;background:radial-gradient(circle at 8% 0%,rgba(8,127,120,.12),transparent 34%),radial-gradient(circle at 100% 0%,rgba(255,188,82,.2),transparent 34%),#ffffff94}:root[data-theme=light] .sld-canvas-stage{border-color:#14334d21;background:linear-gradient(rgba(29,67,95,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(29,67,95,.045) 1px,transparent 1px),#ffffffb8;background-size:32px 32px,32px 32px,auto}:root[data-theme=light] .sld-device-block{border-color:#087f783d;background:radial-gradient(circle at 20% 14%,rgba(8,127,120,.12),transparent 42%),#fffffff0;box-shadow:0 10px 24px #26425826}:root[data-theme=light] .sld-device-block__metrics strong,:root[data-theme=light] .sld-device-tooltip dd{color:#087f78}:root[data-theme=light] .sld-device-block__metrics>div>span,:root[data-theme=light] .sld-device-tooltip dt,:root[data-theme=light] .sld-device-picker__menu span{color:#526a7f}@media(min-width:1181px){.sidebar-close,.sidebar-toggle,.sidebar-overlay{display:none}.app-shell.is-sidebar-collapsed .content-panel,.app-shell.is-sidebar-collapsed .topbar{margin-left:0}}@media(max-width:1380px){.app-shell{grid-template-columns:264px minmax(0,1fr);gap:16px;padding:16px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1180px){.auth-page,.app-shell{grid-template-columns:1fr}.app-shell{padding:16px}.app-shell.is-sidebar-collapsed{grid-template-columns:1fr}.sidebar{position:fixed;top:16px;left:16px;width:min(88vw,340px);height:calc(100vh - 32px);height:calc(100svh - 32px);height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);transform:translate(calc(-100% - 28px));opacity:0;pointer-events:none}.sidebar.is-open{transform:translate(0);opacity:1;pointer-events:auto}.sidebar.is-collapsed{padding:18px}.topbar{padding:18px;align-items:flex-start;flex-direction:column}.topbar-heading,.topbar-title-row{width:100%}.topbar-actions{width:100%;align-items:flex-start;flex-direction:column;justify-content:flex-start}.company-badge{width:100%;max-width:none}.content-panel{padding:20px}.permission-stats,.device-allocation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.users-toolbar,.allocation-panel__header{align-items:stretch;flex-direction:column}.users-toolbar__controls{grid-template-columns:1fr 170px;min-width:0}.user-form__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sld-config-layout{grid-template-columns:1fr}.sld-config-layout .sld-stage-wrap{max-height:min(76vh,780px)}.sld-link-list{max-height:560px}}@media(max-width:960px){.topbar,.section-header,.sync-controls,.topbar-actions,.device-card-header,.water-balance-header,.water-balance-details__header{align-items:flex-start;flex-direction:column}.topbar-title-row{width:100%}.company-badge{grid-template-columns:auto minmax(0,1fr);align-items:center}.company-meta-row{align-items:center;flex-direction:row;gap:8px 10px}.device-toolbar-actions{width:100%;justify-content:flex-start}.device-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.water-balance-grid,.device-details-layout{grid-template-columns:1fr}.device-details-grid,.report-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.report-toolbar{grid-template-columns:1fr}.report-toolbar__actions{justify-content:flex-start;flex-wrap:wrap}.overall-report-panel{padding:18px}.overall-report-table-wrap{--overall-sticky-col-width: clamp(205px, 38vw, 250px);max-height:64vh}.overall-report-table th,.overall-report-table td{padding:12px 13px}.device-overview-card__header,.device-card-details div,.device-metric-block{flex-direction:column;align-items:flex-start}.device-overview-card__chips{width:100%;justify-items:start}.device-card-details dd{text-align:left}}@media(max-width:720px){html{font-size:14px}.auth-page,.app-shell,.content-panel,.topbar,.auth-hero,.auth-card{padding:18px}.sidebar{top:12px;left:12px;width:min(92vw,340px);height:calc(100vh - 24px);height:calc(100svh - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:24px;padding:18px 18px max(18px,env(safe-area-inset-bottom))}.topbar,.content-panel,.hero-banner,.module-card,.device-card,.stat-card,.company-badge{border-radius:22px}.topbar h1{font-size:1.55rem}.kpi-grid,.module-grid,.device-grid,.water-balance-grid{grid-template-columns:1fr}.water-balance-section,.water-balance-details{border-radius:22px;padding:16px}.toolbar-group,.device-toolbar-actions{width:100%}.filter-group{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,138px),1fr))}.filter-group .pill-button,.device-toolbar-actions>.button{width:100%;justify-content:center}.device-overview-grid{grid-template-columns:1fr}.report-tab,.report-toolbar__filters,.report-toolbar__filters-row,.report-toolbar__actions,.date-range-controls,.report-quick-ranges,.date-range-controls .form-field,.date-range-controls .pill-button,.report-toolbar__filters .button,.report-toolbar__actions .button,.report-search{width:100%}.report-toolbar__actions{flex-wrap:wrap}.overall-report-panel{border-radius:22px;padding:14px}.overall-report-table-wrap{--overall-sticky-col-width: clamp(185px, 52vw, 225px);max-height:60vh;margin-inline:-2px;border-radius:16px}.overall-report-table{font-size:.84rem}.overall-report-table th,.overall-report-table td{padding:10px 11px}.overall-report-row-label small{font-size:.68rem}.overall-report-unit-note{font-size:.82rem}.report-toolbar__filters-row .button{justify-content:center}.report-tab{min-height:68px;padding:12px}.report-tab__index{width:34px;height:34px;border-radius:12px}.device-details-grid{grid-template-columns:1fr}.device-profile-card__header,.device-map-card__header{flex-direction:column}.device-profile-actions{width:100%}.device-icon-button{flex:1}.device-profile-list{grid-template-columns:1fr}.device-map-frame,.device-map-frame iframe{min-height:340px}.toast-popup{top:16px;right:16px;left:16px;width:auto}.nav-link{min-height:76px}.users-header{flex-direction:column}.users-header .button,.user-actions .button{width:100%}.permission-stats,.device-allocation-grid,.user-form__grid,.users-toolbar__controls{grid-template-columns:1fr}.users-table{min-width:860px}.user-schema-note{flex-direction:column}.sld-config-actions{width:100%;align-items:stretch;flex-direction:column}.sld-config-actions .button,.sld-device-picker{width:100%}.sld-device-picker__menu{right:auto;left:0;width:100%}.sld-canvas-frame{border-radius:20px;padding:10px}.sld-canvas-stage{width:1280px}.sld-device-block{width:var(--sld-block-width, 5.506901041666699%);height:var(--sld-block-height, 7.210513%)}.sld-section{gap:14px;padding:16px;border-radius:22px}.sld-header,.sld-link-editor__header{align-items:flex-start;flex-direction:column}.sld-live-badge,.sld-config-actions,.sld-config-actions .button,.sld-link-editor__header .button{width:100%;justify-content:center}.sld-stage-wrap{max-height:68vh;border-radius:18px}.sld-stage{width:1040px}.sld-link-editor{padding:14px;border-radius:20px}.sld-link-row{grid-template-columns:1fr}.sld-link-row__index,.sld-link-row label,.sld-link-row__actions{grid-column:1}.sld-link-row__actions .device-icon-button{flex:1}}@media(prefers-reduced-motion:reduce){.app-shell,.sidebar,.brand-lockup,.brand-logo-shell,.brand-logo,.brand-copy,.nav-link,.nav-link__copy,.sidebar-footer,.sidebar-theme-toggle .theme-toggle__label,.sidebar-logout,.sidebar-logout__label,.theme-toggle,.device-metric-block__value strong,.device-metric-block__value span,.device-metric-block__value:after,.sld-pipe{animation:none!important;transition:none!important}}@media(max-width:520px){html{font-size:13.5px}.app-shell{padding:12px}.topbar,.content-panel{padding:16px}.company-badge{grid-template-columns:52px minmax(0,1fr);gap:10px;padding:10px}.topbar-title-row{gap:10px}.topbar h1{font-size:1.42rem}.company-logo-shell{width:52px;height:52px;border-radius:16px}.company-logo{width:38px;height:38px;border-radius:12px}.company-copy strong{font-size:.78rem;line-height:1.32}.company-meta-row{gap:7px}.company-user-name{font-size:.78rem}.role-chip{padding:5px 9px;font-size:.58rem;letter-spacing:.06em}.profile-edit-button{width:28px;height:28px;border-radius:12px}.brand-logo-shell{min-height:92px}.eyebrow-main{letter-spacing:.28em}.device-metric-block__value strong{font-size:1.52rem}.report-tabs{grid-template-columns:1fr}.report-tab{min-height:62px}.overall-report-panel{padding:12px}.overall-report-table-wrap{--overall-sticky-col-width: 168px;max-height:58vh}.overall-report-table{font-size:.78rem}.overall-report-table th,.overall-report-table td{padding:9px 10px}.overall-report-row-label span{font-size:.78rem}.overall-report-row-label small{font-size:.64rem}.sld-section{padding:14px;border-radius:20px}.sld-stage{width:980px}.sld-node--meter{width:176px}.sld-canvas-stage{width:1280px}.sld-device-block{width:var(--sld-block-width, 5.506901041666699%);height:var(--sld-block-height, 7.210513%);padding:3px}.sld-device-tooltip{width:272px;padding:13px 14px}}