/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.hidden{display:none}.inline{display:inline}.table{display:table}.rounded{border-radius:.25rem}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}.screen-content .result-card.sensor-result{width:732px;padding:12px 18px}.screen-content .sensor-result .result-heading{justify-content:flex-start;gap:13px;padding:0 7px}.screen-content .sensor-result .result-heading h2{font-size:21px}.screen-content .sensor-result .result-heading p{font-size:8px}.screen-content .sensor-result .result-stats{height:45px;margin-top:4px;padding:6px 10px}.screen-content .sensor-result .result-stats small{font-size:7px}.screen-content .sensor-result .result-stats strong{font-size:12px}.screen-content .result-sensor-summary{margin-top:7px}.screen-content .result-sensor-summary>header{height:28px;padding:0 11px}.screen-content .result-sensor-summary>header strong{font-size:8px}.screen-content .result-sensor-summary>header small{font-size:6px}.screen-content .result-sensor-summary>div{grid-template-columns:repeat(3,1fr)}.screen-content .result-sensor-summary>div>span{border-right:1px solid var(--line);border-bottom:1px solid var(--line);height:34px;padding:5px 10px}.screen-content .result-sensor-summary>div>span:nth-child(5n){border-right:1px solid var(--line)}.screen-content .result-sensor-summary>div>span:nth-child(n+6){border-bottom:1px solid var(--line)}.screen-content .result-sensor-summary>div>span:nth-child(3n){border-right:0}.screen-content .result-sensor-summary>div>span:nth-child(n+7){border-bottom:0}.screen-content .result-sensor-summary>div>span small{font-size:6px}.screen-content .result-sensor-summary>div>span b{margin-top:2px;font-size:9px}.screen-content .sensor-result .result-actions{justify-content:flex-end;margin-top:9px}.screen-content .sensor-result .result-actions button{height:28px;min-height:28px;padding:0 18px;font-size:8px}.screen-content .history-log-row,.screen-content .user-history-list>header{grid-template-columns:64px 38px 66px 78px 46px 50px minmax(154px,1.5fr) minmax(84px,.9fr) 64px 8px}.screen-content .user-history-list>header{font-size:6.7px}.screen-content .history-log-row time{font-size:8.5px}.screen-content .history-log-row time:first-child{font-size:8px}.screen-content .history-log-row>strong{font-size:9px}.screen-content .history-log-row>span b{font-size:7px}.screen-content .history-log-row small{font-size:6px}.screen-content .solution-breakdown>span small{font-size:6.2px}.screen-content .solution-breakdown>span b{font-size:6.8px}.screen-content .history-water-compact small{font-size:5.8px!important}.screen-content .history-water-compact b{font-size:6.5px!important}.screen-content .history-row-status{min-width:58px;font-size:6px}.screen-content .history-summary-row{grid-template-columns:1fr 84px;width:100%}.screen-content .history-summary-row .history-total-strip{width:100%}.screen-content .history-detail-layout.sensor-detail{grid-template-columns:1fr 1.22fr;gap:12px}.screen-content .history-detail-profile{padding:16px}.screen-content .history-detail-profile>header h2{font-size:23px}.screen-content .history-detail-profile>header p{font-size:10px}.screen-content .history-detail-profile>header>strong{font-size:26px}.screen-content .history-meta-grid small,.screen-content .history-output-grid small{font-size:7px}.screen-content .history-meta-grid strong{font-size:9px}.screen-content .history-output-grid strong{font-size:16px}.screen-content .history-detail-right{grid-template-rows:105px 170px}.screen-content .history-detail-usage.compact{padding:8px 12px}.screen-content .history-detail-usage.compact>header{height:28px}.screen-content .history-detail-usage.compact>header label{font-size:8px}.screen-content .history-detail-usage.compact>header small{font-size:5.5px}.screen-content .history-detail-usage.compact>header>strong{font-size:11px}.screen-content .history-detail-usage.compact .history-usage-grid>div{height:30px}.screen-content .history-detail-usage.compact .history-usage-grid>div span{font-size:7.5px}.screen-content .history-detail-usage.compact .history-usage-grid>div strong{font-size:8.5px}.screen-content .history-water-panel>header{height:27px}.screen-content .history-water-panel>header strong{font-size:8px}.screen-content .history-water-panel>header small{font-size:5.5px}.screen-content .history-water-panel>div{grid-template-columns:repeat(3,1fr)}.screen-content .history-water-panel>div>span{border-right:1px solid var(--line);border-bottom:1px solid var(--line);height:42px;padding:6px 8px}.screen-content .history-water-panel>div>span:nth-child(5n){border-right:1px solid var(--line)}.screen-content .history-water-panel>div>span:nth-child(n+6){border-bottom:1px solid var(--line)}.screen-content .history-water-panel>div>span:nth-child(3n){border-right:0}.screen-content .history-water-panel>div>span:nth-child(n+7){border-bottom:0}.screen-content .history-water-panel small{font-size:5.7px}.screen-content .history-water-panel b{margin-top:3px;font-size:8px}.screen-content .history-water-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;padding:2px 1px;display:grid!important}.screen-content .history-water-compact>span{grid-template-columns:auto auto;place-content:center start;align-items:center;gap:4px;min-width:0;height:18px;padding:1px 0;display:grid}.screen-content .history-water-compact>span small{letter-spacing:.1px;font-weight:800;line-height:1;color:#6ddbd9!important;font-size:6.5px!important}.screen-content .history-water-compact>span b{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:850;line-height:1;color:#f1fcff!important;font-size:7.6px!important}.general-settings-grid .general-display-card>header>.general-display-icon{background:#0d3449}.general-settings-grid .general-display-card>header>.general-display-icon:after,.general-settings-grid .general-display-card>header>.general-display-icon:before{content:none;display:none}.general-display-icon svg{fill:none;stroke:#5df9f1;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.backup-layout .policy-card li{grid-template-columns:62px 1fr;height:48px}.backup-layout .policy-card li b{font-size:8px}.backup-layout .policy-card li span{font-size:9.5px;line-height:1.4}.screen-content .dashboard-flush-reminder{bottom:78px}.automatic-flush-action{color:#cafffb;text-align:left;background:linear-gradient(90deg,#0d4b5b,#0b3448);border:1px solid #2c8390;border-radius:9px;grid-template-columns:22px 1fr auto;align-items:center;gap:6px;width:100%;height:29px;margin-top:5px;padding:0 10px;display:grid}.automatic-flush-action span{color:var(--cyan);font-size:15px}.automatic-flush-action strong{font-size:7px}.automatic-flush-action b{color:var(--cyan);font-size:7px}.route-flush .flush-switches button{height:27px}.flush-auto-setting-label{align-items:center;gap:7px;display:flex}.flush-auto-setting-label em{color:#a9c0cb;font-size:8px;font-style:normal}.flush-auto-refilling>strong{color:var(--cyan);font-variant-numeric:tabular-nums;font-size:18px}.flush-auto-refilling .flush-progress{width:310px;margin:12px auto 8px}.flush-auto-refilling>small{color:#9bb8c4;font-size:8px}.flush-settings-card>label.flush-auto-setting .flush-auto-setting-label input[type=checkbox]{appearance:none;cursor:pointer;background:#071d2b;border:1px solid #315b6c;border-radius:4px;width:16px;min-width:16px;height:16px;margin:0;padding:0}.flush-settings-card>label.flush-auto-setting .flush-auto-setting-label input[type=checkbox]:checked{border-color:var(--cyan);background:var(--cyan);box-shadow:inset 0 0 0 3px #082431}.flush-settings-card>label.flush-auto-setting>input[type=number]:disabled{opacity:.38;cursor:not-allowed}.route-flush .hold-flush-control{height:91px;padding-top:4px}.route-flush .hold-flush-metrics{height:30px}.route-flush .hold-flush-metrics strong{font-size:10px}.route-flush .hold-flush-button{height:36px;margin-top:5px}.route-flush .hold-flush-control>p{height:14px;margin-top:2px;font-size:5px}.route-flush .flush-history-card .flush-history-list,.route-flush .flush-history-card .flush-history-list>div{height:25px}.modal.flush-warning-modal{width:480px}.flush-warning-modal p{max-width:390px;margin-left:auto;margin-right:auto;line-height:1.55}@font-face{font-family:AquaSans;src:url(/fonts/NotoSansThai-Variable.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg:#04111f;--panel:#071c31;--panel2:#09243c;--line:#10334b;--cyan:#5df9f1;--cyan2:#20d9d6;--text:#e8f6ff;--muted:#86a5b8;--danger:#ff716f;--warning:#ffc44f;--success:#72ff4d}*{box-sizing:border-box}body,html{overscroll-behavior:none;width:100%;min-width:100%;height:100%;min-height:100%;color:var(--text);background:#01070e;margin:0;font-family:AquaSans,Arial,sans-serif;overflow:hidden}body{position:fixed;inset:0}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}.viewport{overscroll-behavior:none;background:radial-gradient(circle at 50% 40%,#0b2237 0,#020910 63%);place-items:center;width:100vw;min-width:1024px;height:100svh;min-height:600px;padding:0;display:grid;position:fixed;inset:0;overflow:hidden}.hmi-frame{flex:none;width:1024px;height:600px;position:relative;box-shadow:0 24px 70px #000b,inset 0 0 0 1px #16354a}.hmi-canvas,.hmi-frame{background:var(--bg);overflow:hidden}.hmi-canvas{transform-origin:0 0;width:800px;height:480px;position:absolute;top:0;left:12px;transform:scale(1.25)}.global-header{z-index:5;background:#04111ff2;border-bottom:1px solid #0c293d;height:68px;padding:0 18px;position:absolute;inset:0 0 auto}.brand-block,.clock,.connection,.global-header,.language-switch,.machine-block{align-items:center;display:flex}.brand-block{text-align:left;background:0 0;border-radius:10px;flex:0 0 196px;gap:12px;width:196px;min-width:196px;margin-left:-4px;padding:6px 7px}.brand-block:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.brand-block strong{letter-spacing:.2px;font-size:22px}.drop-logo{border:2px solid var(--cyan);border-radius:50% 50% 55% 55%;flex:none;width:19px;height:27px;display:block;transform:rotate(45deg)}.drop-logo:after{content:"";border-left:2px solid #9efffb;border-radius:50%;width:8px;height:13px;margin:5px 0 0 4px;display:block;transform:rotate(-45deg)}.machine-block{width:88px;min-width:88px;color:var(--cyan);white-space:nowrap;flex-direction:column;flex:0 0 88px;align-items:flex-start;gap:1px;font-size:10px}.machine-block strong{color:var(--success);white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.machine-block strong:before{content:"";background:currentColor;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.machine-not-ready{color:var(--danger)!important}.machine-running{color:var(--cyan)!important}.machine-paused{color:var(--warning)!important}.machine-finished{color:var(--cyan)!important}.header-identity+.header-spacer,.header-spacer{flex:auto;min-width:8px}.language-switch{color:#6d8a9b;flex:none;gap:7px;margin-right:8px;font-size:12px}.language-switch button{color:#718b9b;background:0 0;padding:5px}.language-switch button.active{color:var(--cyan);font-weight:800}.clock{flex:0 0 112px;align-items:center;gap:7px;width:112px;min-width:112px;height:40px;margin-right:0;display:flex}.clock-icon{fill:none;width:19px;height:19px;stroke:var(--cyan);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 19px;align-self:center}.clock>div{white-space:nowrap;flex-direction:column;justify-content:center;align-items:flex-start;height:31px;line-height:1;display:flex}.clock strong{color:#eefcff;font-size:11px;font-weight:800}.clock small{color:#7896a5;letter-spacing:.05px;margin-top:4px;font-size:6.4px;font-weight:700}.connection{color:#8299a8;white-space:nowrap;flex:none;gap:6px;margin-left:7px;margin-right:6px;font-size:10px}.connection span{color:var(--success);font-size:22px;transform:rotate(90deg)}.connection strong{color:#a6ff6f}.settings-button{width:38px;height:38px;color:var(--cyan);background:0 0;border-radius:12px;flex:0 0 38px;place-items:center;font-size:27px;line-height:1;transition:color .18s;display:grid}.settings-button:hover{color:#9efffb}.page-title-row{background:linear-gradient(90deg,#04111f 0 70%,#062138);border-bottom:1px solid #0b2940;align-items:center;gap:9px;height:52px;padding:0 24px;display:flex;position:absolute;top:68px;left:0;right:0}.page-title-row h1{margin:0;font-size:23px}.back-button{width:32px;height:38px;color:var(--cyan);background:0 0;font-size:38px;font-weight:200;line-height:25px}.screen-content{z-index:2;padding:20px 34px 35px;position:absolute;inset:68px 0 0}.screen-content.titled{padding-top:8px;top:120px}.water-footer{z-index:1;opacity:.78;pointer-events:none;background:linear-gradient(#0000,#03253c66);height:56px;position:absolute;bottom:-2px;left:0;right:0}.water-footer i{width:106%;height:27px;transform:rotate(var(--r));left:-3%;bottom:var(--b);border-top:1px solid #0c5d79;border-radius:50%;position:absolute}.water-footer i:first-child{--r:-2deg;--b:4px}.water-footer i:nth-child(2){--r:3deg;--b:10px}.water-footer i:nth-child(3){--r:-4deg;--b:17px}.water-footer i:nth-child(4){--r:2deg;--b:25px}.water-footer i:nth-child(5){--r:-1deg;--b:33px}.water-footer div{color:#0aa5c8;letter-spacing:23px;white-space:nowrap;font-size:15px;position:absolute;inset:auto 70px 12px}.profile-summary{grid-template-columns:1fr 1.04fr;gap:22px;height:62px;display:grid}.profile-summary>div{border-right:1px solid var(--line);grid-template-rows:20px 1fr;grid-template-columns:28px 1fr;gap:2px 5px;padding-right:18px;display:grid}.profile-summary>div:last-child{border:0}.detail-main label,.profile-note label,.profile-summary label,.recipe-summary small,.runtime-profile label,.runtime-visual>label,.selected-profile label,.volume-panel label,.water-target label{color:var(--cyan);text-transform:uppercase;font-size:10px;font-weight:750}.profile-summary p,.profile-summary strong{grid-column:2;margin:0;font-size:12px}.summary-icon{width:21px;height:21px;color:var(--cyan);grid-area:1/1;align-self:start;place-items:center;display:grid}.summary-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.bottle-grid{grid-template-columns:repeat(6,1fr);gap:19px;margin-top:15px;padding:0 4px;display:grid}.bottle-gauge{text-align:center;position:relative}.bottle-slot{width:18px;height:18px;color:var(--cyan);background:#12384b;border:1px solid #2a6a7c;border-radius:50%;place-items:center;font-size:8px;font-weight:900;display:grid;position:absolute;top:0;left:5px}.bottle-gauge.disabled{opacity:.55}.bottle-gauge.disabled .bottle{background:#102331;border-style:dashed}.bottle-gauge.disabled .glass-shine{opacity:.25}.bottle-gauge.disabled .remaining-label{color:#9aabb2}.chemical{margin-bottom:8px;font-size:16px;display:block}.bottle{background:#0c2031aa;border:2px solid #5d7685;border-radius:11px 11px 9px 9px;width:52px;height:102px;margin:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #102c3d}.bottle:before{content:"";border:2px solid #647886;border-radius:2px;width:30px;height:8px;position:absolute;top:-8px;left:9px}.liquid{opacity:.94;border-radius:6px;position:absolute;bottom:2px;left:2px;right:2px;box-shadow:inset 7px 0 12px #fff2}.glass-shine{background:#fff5;border-radius:3px;width:3px;position:absolute;top:10px;bottom:8px;left:7px}.remaining-label{color:var(--cyan);margin-top:10px;font-size:9px;display:block}.bottle-value{justify-content:center;align-items:baseline;gap:4px;margin-top:2px;display:flex}.bottle-value strong{font-size:23px}.bottle-value small{color:#b8d0df;font-size:9px}.primary-pill{background:var(--cyan);color:#03212b;border-radius:23px;min-height:40px;padding:0 30px;font-weight:850;transition:all .15s;box-shadow:0 7px 20px #21dbd329}.primary-pill:hover{filter:brightness(1.05);transform:translateY(-1px)}.primary-pill:disabled{opacity:.35;cursor:not-allowed}.dashboard-cta{justify-content:center;align-items:center;gap:14px;width:216px;font-size:15px;display:flex;position:absolute;bottom:26px;left:292px}.library-toolbar{align-items:center;gap:8px;height:39px;display:flex}.mini-danger,.mini-primary{border-radius:17px;align-items:center;gap:6px;height:32px;padding:0 15px;font-size:11px;font-weight:800;display:flex}.action-symbol{font-size:18px;font-weight:500;line-height:1}.mini-primary{background:var(--cyan);color:#04222c}.mini-danger{color:#ff9a9a;background:#301d29;border:1px solid #67313e}.search-box{width:310px;height:34px;color:var(--cyan);background:#071d31;border-radius:18px;align-items:center;gap:8px;margin-left:auto;padding:0 13px;display:flex}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.filter-row{align-items:center;gap:7px;margin:5px 0 8px;display:flex}.filter-row>button{color:#93a9b8;background:#071d31;border-radius:16px;min-width:63px;height:29px;padding:0 15px;font-size:10px}.filter-row>button.active{background:var(--cyan);color:#04202b;font-weight:800}.filter-select{background:#071d31;border-radius:16px;align-items:center;gap:7px;min-width:151px;height:29px;padding:0 9px 0 11px;display:flex}.filter-select span{color:var(--cyan);text-transform:uppercase;white-space:nowrap;font-size:8px;font-weight:800}.filter-select select{color:#d7e8f0;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:9px}.filter-select option{color:#d7e8f0;background:#071d31}.profile-results{grid-template-rows:repeat(3,60px);grid-template-columns:1fr 1fr;grid-auto-rows:0;gap:6px 16px;display:grid;overflow:hidden}.profile-card{border-left:4px solid var(--cyan);cursor:pointer;background:#071d31;border-radius:0 13px 13px 0;flex-direction:column;padding:7px 78px 5px 16px;display:flex;position:relative}.profile-card:hover{background:#0a2942}.profile-card strong{font-size:14px}.profile-card small{color:#9ab1bf;font-size:9px}.profile-card span{color:var(--cyan);font-size:10px}.card-arrow{color:#527087;font-size:32px;font-weight:300;position:absolute;top:50%;right:13px;transform:translateY(-53%)}.favorite-drop{color:#476478;background:0 0;place-items:center;width:30px;height:38px;display:grid;position:absolute;top:50%;right:44px;transform:translateY(-50%)}.favorite-drop svg{fill:currentColor;stroke:currentColor;stroke-width:.65px;width:20px;height:23px}.favorite-drop:hover{color:#7eb7c8}.favorite-drop.is-favorite{color:var(--cyan)}.pagination{justify-content:center;align-items:center;gap:13px;height:45px;font-size:11px;display:flex;position:absolute;bottom:5px;left:34px;right:34px}.pagination button{width:44px;height:40px;color:var(--cyan);background:#08243a;border:1px solid #174159;border-radius:20px;font-size:30px;line-height:1}.pagination button:disabled{opacity:.32;color:#688291;cursor:not-allowed;border-color:#173447}.pagination strong{text-align:center;min-width:42px;margin:0 5px;font-size:13px}.empty-state{color:#648092;grid-area:1/1/4/3;align-content:center;place-items:center;gap:7px;display:grid}.empty-state strong{color:#bcd1dc}.detail-layout{grid-template-columns:1.05fr 1.1fr;gap:15px;height:252px;margin-top:6px;display:grid}.detail-main,.water-target{background:var(--panel);border-radius:15px;height:100%;padding:14px 18px}.detail-main h2{margin:0;font-size:24px}.detail-main b{color:var(--cyan);margin-bottom:11px;font-size:11px;display:block}.detail-main p{margin:4px 0 8px;font-size:10px;line-height:1.42}.detail-main hr,.volume-panel hr{border:0;border-top:1px solid var(--line);margin:7px 0}.detail-profile-note{border-top:1px solid var(--line);margin-top:8px;padding-top:9px}.detail-profile-note label{display:block}.detail-profile-note p{color:#a9bfca;margin:5px 0 0;font-size:10px;line-height:1.45}.water-target{padding:14px 19px}.water-target header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;height:34px;margin-bottom:4px;display:flex}.water-target header label{letter-spacing:.2px;font-size:12px}.water-target header span{color:#d1e2ea;font-size:11px;font-weight:750}.water-target>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:38px;display:flex}.water-target>div:last-child{border:0}.water-target>div span{color:#c3d6e0;font-size:13px;font-weight:700}.water-target>div strong{color:#f2fbff;letter-spacing:.1px;font-size:15px}.detail-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.detail-actions button{min-height:37px}.danger,.danger-outline,.secondary{border-radius:20px;height:39px;padding:0 21px;font-size:11px;font-weight:800}.secondary{color:#d7effb;background:#103047;border:1px solid #1e4860}.danger-outline{color:#ff9a9a;background:#4a222c;border:1px solid #a7484d;box-shadow:inset 0 0 0 1px #7a354044}.danger{color:#fff;background:#e7565d}.screen-subtitle{color:#91a8b7;margin:0;font-size:10px;position:absolute;top:8px;right:34px}.setup-layout{grid-template-columns:285px 1fr;gap:15px;height:268px;margin-top:6px;display:grid}.selected-profile,.volume-panel{background:var(--panel);border-radius:14px;padding:15px 18px}.selected-profile h2{margin:3px 0 0;font-size:25px}.selected-profile b{color:var(--cyan);margin-bottom:17px;font-size:11px;display:block}.selected-profile p{margin:5px 0 13px;font-size:10px;line-height:1.45}.selected-profile small{color:#aac0cc;margin-top:4px;font-size:9px;display:block}.simulator-toggle{color:#7bff74;background:#123426;border-radius:12px;margin-top:17px;padding:7px 10px;font-size:9px;font-weight:800}.simulator-toggle.fault{color:#ff8c87;background:#3b2423}.volume-header{justify-content:space-between;display:flex}.volume-header span{color:#91a7b7;font-size:9px}.volume-control{justify-content:center;align-items:center;gap:4px;height:53px;margin-top:3px;display:flex}.volume-control button{width:39px;height:39px;color:var(--cyan);background:#0d2d46;border-radius:12px;font-size:23px}.volume-control input{color:#fff;text-align:center;background:#061625;border:1px solid #256077;border-radius:10px;outline:none;width:100px;height:42px;font-size:25px;font-weight:800}.volume-control span{font-size:12px}.volume-panel>small{text-align:center;color:#7894a5;font-size:8px;display:block}.volume-panel .validation-error{color:var(--danger)}.recipe-summary{margin-top:6px}.recipe-major{grid-template-columns:1fr 1fr;gap:8px;display:grid}.recipe-major>div{border-left:2px solid var(--cyan);padding-left:8px}.recipe-major small,.recipe-major strong{display:block}.recipe-major strong{font-size:15px}.dose-row{border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);gap:5px;margin-top:11px;padding-top:9px;display:grid}.dose-row div{flex-direction:column;display:flex}.dose-row small{font-size:8px}.dose-row strong{font-size:10px}.setup-cta{min-width:215px;position:absolute;bottom:24px}.readiness-card{background:var(--panel);text-align:center;border-radius:20px;flex-direction:column;align-items:center;width:560px;height:274px;margin:28px auto 0;padding:22px;display:flex}.readiness-icon,.result-icon{width:54px;height:54px;color:var(--success);background:#143b2a;border-radius:50%;place-items:center;font-size:30px;font-weight:900;display:grid}.readiness-card.not-ready .readiness-icon{color:var(--danger);background:#412628}.readiness-card h2{margin:9px 0 2px;font-size:25px}.readiness-card p{color:#9db4c1;margin:0;font-size:11px}.reason-box{border-left:3px solid var(--danger);text-align:left;background:#261b25;justify-content:space-between;width:390px;margin-top:12px;padding:8px 13px;font-size:9px;display:flex}.reason-box strong{color:#ff9090}.readiness-actions{gap:10px;margin-top:auto;display:flex}.runtime-layout{grid-template-columns:205px 1fr;gap:14px;height:277px;display:grid}.runtime-status{flex-direction:column;gap:10px;display:flex}.status-panel{border-left:4px solid var(--success);background:#103425;border-radius:13px;height:75px;padding:13px 15px}.status-panel.paused{border-color:var(--warning);background:#362f1c}.status-panel h2{margin:0;font-size:23px}.status-panel span{color:#a9c1bc;font-size:9px}.runtime-profile{background:var(--panel);border-radius:13px;flex:1;padding:13px 15px}.runtime-profile h2{margin:3px 0 0;font-size:21px}.runtime-profile small{color:#98adba;font-size:9px}.runtime-profile label{margin-top:12px;display:block}.runtime-profile strong{font-size:21px}.runtime-visual{position:relative}.runtime-bottles{border-bottom:1px solid var(--line);grid-template-columns:repeat(6,1fr);gap:7px;height:179px;padding-top:17px;display:grid}.bottle-gauge.compact .chemical{z-index:2;position:absolute;top:31px;left:0;right:0}.bottle-gauge.compact .bottle{width:36px;height:68px;margin-top:38px}.bottle-gauge.compact .bottle-value strong{color:#eefaff;font-size:13px}.bottle-gauge.compact .bottle-value small{font-size:7px}.tube{border-left:2px solid #4e8ca0;height:37px;left:50%}.tube,.tube:before{position:absolute;top:0}.tube:before{content:"";border-top:2px solid #4e8ca0;width:16px;left:-8px}.pump-spinner{border:2px solid var(--cyan);width:20px;height:20px;color:var(--cyan);border-radius:50%;place-items:center;font-size:10px;animation:spin 1s linear infinite;display:grid;position:absolute;top:6px;left:-10px}@keyframes spin{to{transform:rotate(1turn)}}.runtime-recipe{grid-template-columns:1.4fr repeat(6,1fr);align-items:center;gap:4px;padding-top:10px;display:grid}.runtime-recipe>label{font-size:9px}.runtime-recipe>small{color:#89a1b0;font-size:8px;position:absolute;top:1px;right:0}.runtime-recipe div{border-left:1px solid #1b4256;flex-direction:column;padding-left:7px;display:flex}.runtime-recipe div span{color:#829ead;font-size:8px}.runtime-recipe div strong{font-size:9px}.run-footer{grid-template-columns:1fr auto auto;align-items:center;gap:9px;margin-top:10px;display:grid}.progress-track{background:#0c293d;border-radius:6px;height:8px;margin-right:6px;overflow:hidden}.progress-track span{background:linear-gradient(90deg,#18b9c6,var(--cyan));border-radius:6px;height:100%;transition:width .3s;display:block}.modal-backdrop{z-index:30;background:#010914d9;place-items:center;display:grid;position:absolute;inset:0}.modal-backdrop.global{position:fixed}.modal{text-align:center;background:#092035;border:1px solid #285069;border-radius:20px;width:440px;padding:25px;box-shadow:0 20px 70px #000}.modal h2{margin:8px 0;font-size:22px}.modal p{color:#a5bac6;margin-bottom:20px;font-size:11px}.modal>div{justify-content:center;gap:10px;display:flex}.modal-info,.modal-warning{width:48px;height:48px;color:var(--danger);background:#43262a;border-radius:50%;place-items:center;margin:auto;font-size:27px;font-weight:900;display:grid}.modal-info{color:var(--cyan);background:#163c4d}.modal.info button{min-width:130px}.result-card{background:var(--panel);text-align:center;border-radius:20px;width:610px;height:282px;margin:25px auto 0;padding:21px}.result-card .result-icon{margin:auto}.result-card.cancelled .result-icon{color:var(--warning);background:#382b26}.result-card h2{margin:8px 0 2px;font-size:25px}.result-card p{color:#9cb3c0;margin:0;font-size:10px}.result-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:17px;padding:11px;display:grid}.result-stats div{border-right:1px solid var(--line);flex-direction:column;display:flex}.result-stats div:last-child{border:0}.result-stats small{color:var(--cyan);font-size:8px}.result-stats strong{font-size:16px}.result-actions{justify-content:center;gap:9px;margin-top:14px;display:flex}.role-chip{color:#8299a8;letter-spacing:0;background:0 0;border-radius:0;align-items:center;gap:4px;height:auto;padding:5px 0;font-size:11px;font-weight:400;display:flex}.role-chip span{color:inherit;font-size:inherit}.role-chip strong{color:#a6ff6f;font-size:inherit;font-weight:700}.role-chip.technician strong{color:#ffd36b}.role-chip.expert strong{color:#b9aaff}.role-chip.admin strong{color:#9aff88}.role-chip:hover strong{filter:brightness(1.15)}.role-chip:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:3px}.permission-denied{background:var(--panel);text-align:center;border-radius:18px;width:505px;height:235px;margin:28px auto 0;padding:25px}.permission-denied>span{width:50px;height:50px;color:var(--danger);background:#38252b;border-radius:50%;place-items:center;margin:auto;font-size:25px;display:grid}.permission-denied h2{margin:10px 0 4px;font-size:20px}.permission-denied p{color:#91a9b7;font-size:9px}.permission-denied>div{justify-content:center;gap:9px;margin-top:23px;display:flex}.permission-denied button{height:35px;min-height:35px}.settings-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding-top:5px;display:grid}.settings-grid button{background:var(--panel);text-align:left;border:1px solid #0e3148;border-radius:13px;grid-template-rows:28px 1fr;grid-template-columns:28px 1fr;padding:11px;display:grid}.settings-grid button:hover{border-color:var(--cyan);background:#092840}.settings-grid button span{color:var(--cyan);font-size:21px}.settings-grid button strong{align-self:center;font-size:11px}.settings-grid button small{color:#6e8c9e;grid-column:1/3;font-size:8px}.settings-grid button.locked{opacity:.48;cursor:not-allowed}.settings-grid button.locked:hover{background:var(--panel);border-color:#0e3148}.settings-grid button.locked span{color:#7890a0}.detail-actions button:disabled,.library-toolbar button:disabled{opacity:.36;cursor:not-allowed}.access-layout{grid-template-columns:290px 1fr;gap:12px;height:294px;padding-top:3px;display:grid}.permission-matrix,.role-selector{background:var(--panel);border-radius:14px;padding:12px 14px}.permission-matrix{padding:10px 12px}.permission-matrix>header,.role-selector>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;height:31px;display:flex}.permission-matrix>header{height:29px}.role-selector header div{flex-direction:column;display:flex}.permission-matrix label,.role-selector label{color:var(--cyan);text-transform:uppercase;font-size:9px;font-weight:800}.permission-matrix header small,.role-selector header small{color:#9bb3bf;font-size:8px;font-weight:750}.role-selector header b{color:var(--success);background:#15342b;border-radius:10px;padding:4px 8px;font-size:8px}.role-options{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.role-options button{text-align:left;background:#09263c;border:1px solid #0000;border-radius:9px;grid-template-columns:26px 1fr;height:72px;padding:7px;display:grid;position:relative}.role-options button.active{border-color:var(--cyan);background:#0b3e4b}.role-options button>span{color:var(--cyan);font-size:18px}.role-options button>div{flex-direction:column;display:flex}.role-options strong{font-size:8px}.role-options small{color:#7895a5;margin-top:3px;font-size:6px;line-height:1.35}.role-options button>i{color:var(--success);font-size:8px;position:absolute;top:5px;right:6px}.role-selector>p{color:#7893a3;border-left:2px solid var(--warning);margin:7px 2px 0;padding-left:7px;font-size:6px;line-height:1.4}.matrix-head,.matrix-row{grid-template-columns:minmax(135px,1fr) repeat(4,43px);align-items:center;display:grid}.matrix-head{color:#91aab7;height:29px;font-size:8px;font-weight:800}.matrix-head b{text-align:center;color:#b3c9d3;font-size:8px}.matrix-viewport{height:168px;overflow:hidden}.matrix-row{border-top:1px solid var(--line);height:42px}.matrix-row>span{color:#d4e5ec;padding-right:6px;font-size:10px;font-weight:700;line-height:1.25}.matrix-row i{text-align:center;color:#667f8e;font-size:13px;font-style:normal;font-weight:900}.matrix-row i.yes{color:var(--success)}.matrix-row i.current{background:#0c3045;border-radius:8px;outline:1px solid #2b718b;height:30px;padding-top:6px}.matrix-scroll-controls{border-top:1px solid var(--line);justify-content:space-between;align-items:end;height:42px;padding-top:5px;display:flex}.matrix-scroll-controls>span{color:#8da7b4;align-self:center;font-size:8px}.matrix-scroll-controls>div{gap:8px;display:flex}.matrix-scroll-controls button{color:#012c33;background:linear-gradient(145deg,#b4fffb,#4ffff5 45%,#18e9df);border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid;box-shadow:0 0 0 2px #9ffff84d,0 0 13px #35fff275,0 5px 10px #00131f8c}.matrix-scroll-controls button svg{fill:none;stroke:currentColor;stroke-width:3.3px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.matrix-scroll-controls button:disabled{color:#8eabb6;opacity:.45;cursor:not-allowed;background:#235264;box-shadow:0 0 0 1px #426c7a}.mini-danger.active{color:#fff;background:#6b2c35}.profile-card.delete-mode{padding-left:47px}.profile-checkbox{color:#03222b;background:#071522;border:2px solid #42657a;border-radius:6px;width:24px;height:24px;font-size:15px;font-weight:900;position:absolute;top:17px;left:13px}.profile-checkbox.checked{background:var(--cyan);border-color:var(--cyan)}.delete-confirm-bar{color:#a9c0cd;justify-content:flex-end;align-items:center;gap:13px;height:38px;font-size:10px;display:flex;position:absolute;bottom:7px;left:34px;right:34px}.delete-confirm-bar .danger{height:32px}.delete-confirm-bar .danger:disabled{opacity:.35;cursor:not-allowed}.profile-editor{grid-template-columns:1.25fr .75fr;gap:15px;height:286px;padding-top:3px;display:grid}.editor-copy,.editor-minerals{background:var(--panel);border-radius:14px;padding:12px 15px}.editor-copy{grid-template-columns:1fr;row-gap:5px;padding-top:15px;display:grid;position:relative}.required-legend{color:#829baa;margin:0;font-size:8px;font-weight:700;position:absolute;top:7px;right:15px}.required-legend span,.required-mark{color:#ff7d83;font-weight:900}.optional-tag{color:#7794a5;text-transform:none;margin-left:5px;font-size:7px;font-weight:650}.profile-editor label,.settings-form-panel label{text-transform:uppercase;color:var(--cyan);font-size:9px;font-weight:800}.profile-editor .field-label{letter-spacing:.12px;align-items:center;min-height:12px;margin-top:2px;display:flex}.profile-editor input,.profile-editor select,.profile-editor textarea,.settings-form-panel input{color:#edfaff;background:#041421;border:1px solid #1f4b62;border-radius:7px;outline:0;width:100%;padding:5px 8px;font-size:11px}.profile-editor input,.profile-editor select{height:28px}.profile-editor textarea{resize:none;height:36px}.editor-two{grid-template-columns:1fr 1fr;gap:11px;margin:1px 0;display:grid}.editor-two>div{gap:6px;display:grid}.editor-minerals header,.settings-form-panel header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:26px;margin-bottom:5px;display:flex}.editor-minerals header>span,.settings-form-panel header small{color:#89a4b3;font-size:8px}.editor-minerals>div{border-bottom:1px solid var(--line);grid-template-columns:1fr 75px 35px;align-items:center;height:36px;display:grid}.editor-minerals>div input{text-align:right}.editor-minerals>div>span{color:#829ba9;text-align:right;font-size:8px}.editor-minerals>label{margin-top:10px;margin-bottom:5px;display:flex}.editor-error{color:var(--danger);margin:0;font-size:9px;position:absolute;bottom:18px;left:34px}.editor-actions{gap:9px;display:flex;position:absolute;bottom:14px;right:34px}.editor-actions button{height:37px;min-height:37px}.settings-module-layout{grid-template-columns:225px 1fr;gap:14px;height:286px;padding-top:6px;display:grid}.settings-form-panel,.settings-nav-summary{background:var(--panel);border-radius:15px;padding:16px}.settings-nav-summary{text-align:center}.settings-hero-icon{width:52px;height:52px;color:var(--cyan);background:#0c3348;border-radius:15px;place-items:center;margin:auto;font-size:29px;display:grid}.settings-nav-summary h2{margin:10px 0 3px;font-size:19px}.settings-nav-summary p{color:#8ca6b5;min-height:44px;font-size:9px;line-height:1.5}.module-status{border-top:1px solid var(--line);color:#a6bdc9;justify-content:space-between;align-items:center;margin-top:13px;padding-top:13px;font-size:9px;display:flex}.switch{background:#344650;border-radius:14px;width:43px;height:23px;padding:3px;position:relative}.switch,.switch i{transition:all .15s}.switch i{background:#9babb3;border-radius:50%;width:17px;height:17px;display:block}.switch.on{background:#176b68}.switch.on i{background:var(--cyan);transform:translate(20px)}.settings-form-panel{position:relative}.setting-number-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.setting-number-grid label{background:#08243a;border-radius:10px;grid-template-columns:1fr 80px 30px;align-items:center;padding:9px 11px;display:grid;position:relative}.setting-number-grid label input{text-align:right;font-size:15px;font-weight:800}.setting-number-grid label small{text-align:right;color:#8ca6b5;font-size:8px}.setting-number-grid .default-setting{border:1px solid #1c827f;grid-column:1/3}.setting-hint,.setting-validation{color:#7e9eae;margin-top:13px;font-size:9px}.setting-validation{color:var(--danger)}.pump-channel-row{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px;display:grid}.pump-channel-row button{color:#9ab1be;background:#0c2b42;border-radius:9px;height:34px;font-size:9px;font-weight:800}.pump-channel-row button.active{background:var(--cyan);color:#03242c}.pump-control-center{grid-template-columns:1fr 1.25fr;align-items:center;gap:13px;margin-top:15px;display:grid}.prime-button{background:linear-gradient(135deg,#1ed5d0,var(--cyan));color:#03262d;border-radius:14px;height:49px;font-size:11px;font-weight:900;box-shadow:0 7px 18px #18dcd52b}.pump-control-center label{grid-template-columns:1fr 45px;align-items:center;display:grid}.pump-control-center label input{accent-color:var(--cyan);border:0;grid-column:1/3;padding:0}.pump-control-center label strong{text-align:right;color:#fff;font-size:14px}.pump-safety{border-left:3px solid var(--warning);color:#b8c5c8;background:#2c291e;margin-top:15px;padding:9px 11px;font-size:8px}.generic-settings{gap:8px;margin-top:11px;display:grid}.generic-settings>label{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:42px;display:flex}.config-note{color:#89a5b5;background:#08243a;border-radius:9px;margin-top:8px;padding:11px;font-size:9px;line-height:1.55}.settings-save-row{align-items:center;gap:9px;display:flex;position:absolute;bottom:15px;right:34px}.settings-save-row button{height:37px;min-height:37px}.save-notice{color:var(--success);margin-right:8px;font-size:10px;font-weight:800}.controller-layout{grid-template-columns:218px 1fr;gap:14px;height:286px;padding-top:6px;display:grid}.controller-form,.controller-summary{background:var(--panel);border-radius:15px;padding:16px}.controller-summary{text-align:center}.controller-summary h2{margin:10px 0 3px;font-size:19px}.controller-summary p{color:#8ca6b5;min-height:44px;font-size:9px;line-height:1.5}.controller-summary>small{color:#6f8b9b;margin-top:8px;font-size:8px;display:block}.controller-status{background:#102a3b;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:31px;font-size:9px;font-weight:800;display:flex}.controller-status i{background:#687f8d;border-radius:50%;width:8px;height:8px}.controller-status.testing i{background:var(--warning);animation:pulse 1s infinite}.controller-status.connected{color:#9dff8a;background:#123526}.controller-status.connected i{background:var(--success)}.controller-status.failed{color:#ff9292;background:#3a2228}.controller-status.failed i{background:var(--danger)}@keyframes pulse{50%{opacity:.5}}.controller-form header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:27px;display:flex}.controller-form header label{color:var(--cyan);text-transform:uppercase;font-size:9px;font-weight:800}.controller-form header small{color:#829baa;font-size:8px}.mode-selector{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;display:grid}.mode-selector button{color:#7894a4;background:#0b2940;border-radius:8px;height:31px;font-size:8px;font-weight:900}.mode-selector button.active{background:var(--cyan);color:#03242b}.controller-field{grid-template-columns:135px 1fr;align-items:center;margin-top:9px;display:grid}.controller-field span,.controller-numbers span{color:#9bb1bd;font-size:8px}.controller-field input,.controller-numbers input{color:#edfaff;background:#041421;border:1px solid #1d4c63;border-radius:7px;outline:0;height:29px;padding:0 8px;font-size:9px}.controller-field input:disabled{opacity:.45}.controller-numbers{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.controller-numbers label{grid-template-columns:1fr 67px 23px;align-items:center;display:grid}.controller-numbers input{text-align:right}.controller-numbers small{color:#7894a3;text-align:right;font-size:7px}.protocol-strip{border-top:1px solid var(--line);grid-template-columns:.65fr 1.45fr 1.45fr;gap:6px;margin-top:11px;padding-top:9px;display:grid}.protocol-strip div{border-left:2px solid #19526a;flex-direction:column;padding-left:7px;display:flex}.protocol-strip small{color:var(--cyan);font-size:7px}.protocol-strip strong{margin-top:2px;font-size:8px}.records-toolbar{justify-content:space-between;align-items:center;height:43px;display:flex}.records-toolbar>div{gap:7px;display:flex}.records-toolbar button{color:#8ca6b5;background:#0b2940;border-radius:17px;height:32px;padding:0 15px;font-size:9px}.records-toolbar button.active{background:var(--cyan);color:#03252d;font-weight:800}.records-toolbar button b{margin-left:5px}.records-toolbar>span{color:#6e8b9d;font-size:8px}.event-list,.record-table{background:var(--panel);border-radius:13px;overflow:hidden}.record-table header,.record-table>div{grid-template-columns:1.05fr 1fr 1.25fr .8fr .85fr .7fr;align-items:center;padding:0 13px;display:grid}.record-table header{height:29px;color:var(--cyan);background:#09243b;font-size:7px}.record-table>div{border-top:1px solid var(--line);height:48px;font-size:9px}.record-table>div strong{font-size:10px}.record-table time{color:#8ba4b4}.record-status{text-transform:uppercase;border-radius:10px;justify-self:start;padding:3px 7px;font-size:7px}.record-status.finished{color:#83ff77;background:#163a2c}.record-status.cancelled{color:#ffc177;background:#3a2c22}.event-list{padding:3px 13px}.event-list>div{border-bottom:1px solid var(--line);grid-template-columns:74px 1.1fr 1fr 75px;align-items:center;height:36px;font-size:8px;display:grid}.event-type{color:var(--cyan);background:#12324a;border-radius:8px;justify-self:start;padding:3px 7px;font-size:7px}.event-type.watchdog{color:#ffbd58;background:#3d2d20}.event-list time{color:#7893a4;text-align:right}.log-empty{color:#7390a2;place-items:center;grid-template-columns:1fr!important;height:235px!important;font-size:10px!important;display:grid!important}.backup-layout{grid-template-columns:1.45fr .85fr;gap:12px;height:260px;display:grid}.policy-card,.storage-card{background:var(--panel);border-radius:13px;padding:13px 15px}.policy-card>header,.storage-card>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;height:30px;display:flex}.policy-card>header span,.storage-card>header small{color:#7e9aaa;font-size:7px}.storage-indicator{align-items:center;gap:7px;font-size:9px;font-weight:800;display:flex}.storage-indicator i{background:var(--danger);border-radius:50%;width:9px;height:9px;box-shadow:0 0 9px #ff716f66}.storage-indicator.online{color:#a4ff91}.storage-indicator.online i{background:var(--success);box-shadow:0 0 9px #72ff4d66}.storage-counts{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:11px;display:grid}.storage-counts>div{background:#09243a;border-left:2px solid #1a6476;border-radius:9px;flex-direction:column;height:55px;padding:7px 9px;display:flex}.storage-counts strong{font-size:18px;line-height:1.1}.storage-counts span{color:#819cab;margin-top:4px;font-size:7px}.backup-actions{grid-template-columns:1fr 1.1fr 1.1fr;gap:7px;margin-top:13px;display:grid}.backup-actions button,.backup-actions label{height:38px;color:var(--cyan);cursor:pointer;background:#0e3149;border-radius:10px;justify-content:center;align-items:center;font-size:8px;font-weight:800;display:flex}.backup-actions button:first-child{background:var(--cyan);color:#03242c}.backup-actions button:disabled,.backup-actions label.disabled{opacity:.38;cursor:not-allowed}.backup-actions input{display:none}.backup-message{color:var(--success);margin:10px 0 0;font-size:8px}.backup-message.error{color:var(--danger)}.policy-card>header strong{font-size:10px}.policy-card>header span{color:var(--cyan)}.policy-card ul{margin:7px 0;padding:0;list-style:none}.policy-card li{border-bottom:1px solid var(--line);grid-template-columns:58px 1fr;align-items:center;height:45px;display:grid}.policy-card li b{color:var(--cyan);letter-spacing:.5px;font-size:7px}.policy-card li span{color:#a1b5c0;font-size:8px;line-height:1.35}.policy-card li:nth-child(3) b{color:var(--warning)}.policy-card li:nth-child(4) b{color:#a89cff}.diagnostic-tabs{align-items:flex-start;gap:7px;height:39px;display:flex}.diagnostic-tabs button{color:#8ca6b5;background:#0b2940;border-radius:15px;height:29px;padding:0 14px;font-size:8px}.diagnostic-tabs button.active{background:var(--cyan);color:#03252d;font-weight:800}.diagnostic-tabs button b{margin-left:4px}.diagnostic-tabs>span{color:#6f8d9d;margin-left:auto;padding-top:9px;font-size:7px}.qa-layout{grid-template-columns:195px 1fr;gap:11px;height:268px;display:grid}.qa-results,.qa-summary{background:var(--panel);border-radius:13px;padding:12px}.qa-score,.qa-summary{flex-direction:column;display:flex}.qa-score{background:#102b3d;border-left:4px solid #597486;border-radius:11px;justify-content:center;align-items:center;height:70px}.qa-score.pass{border-color:var(--success);background:#123526}.qa-score strong{font-size:27px;line-height:1}.qa-score span{color:#87a2b1;margin-top:5px;font-size:7px}.qa-category-counts{grid-template-columns:1fr 1fr;gap:5px;margin-top:8px;display:grid}.qa-category-counts div{background:#09243a;border-radius:7px;flex-direction:column;height:34px;padding:4px 7px;display:flex}.qa-category-counts b{font-size:11px}.qa-category-counts span{color:#7995a4;text-transform:uppercase;font-size:6px}.qa-summary p{color:#7894a4;margin:7px 0;font-size:7px}.qa-summary .primary-pill{height:34px;min-height:34px;margin-top:auto;font-size:8px}.qa-results{grid-template-columns:repeat(3,1fr);align-content:start;gap:6px;display:grid;overflow:auto}.qa-results article{border-left:3px solid var(--success);background:#09243a;border-radius:8px;height:43px;padding:5px 5px 5px 26px;position:relative}.qa-results article.failed{border-color:var(--danger);background:#2d2028}.qa-results article>span{width:13px;height:13px;color:var(--success);background:#173d2d;border-radius:50%;place-items:center;font-size:8px;font-weight:900;display:grid;position:absolute;top:10px;left:7px}.qa-results article.failed>span{color:var(--danger);background:#48262c}.qa-results article>div{flex-direction:column;display:flex}.qa-results article strong{font-size:7px}.qa-results article small,.qa-results article strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.qa-results article small{color:#7895a5;margin-top:2px;font-size:6px}.qa-results article time{color:#587486;font-size:5px;position:absolute;bottom:3px;right:5px}.qa-empty{text-align:center;color:#6e8c9d;grid-column:1/4;place-items:center;height:235px;display:grid}.qa-empty b{width:52px;height:52px;color:var(--cyan);background:#0d3047;border-radius:50%;align-self:end;place-items:center;font-size:16px;display:grid}.qa-empty span{align-self:start;max-width:290px;font-size:9px;line-height:1.5}.diagnostic-summary{grid-template-columns:85px 85px 105px 1fr;align-items:center;gap:8px;height:66px;display:grid}.diagnostic-summary>div{background:var(--panel);border-radius:10px;flex-direction:column;height:50px;padding:7px 10px;display:flex}.diagnostic-summary small{color:var(--cyan);font-size:7px}.diagnostic-summary strong{font-size:20px}.diagnostic-summary .diagnostic-ready{color:var(--success);margin-top:4px;font-size:12px}.diagnostic-summary p{color:#7895a5;font-size:8px;line-height:1.5}.alarm-records{grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}.alarm-records article{background:var(--panel);border-left:4px solid var(--warning);border-radius:0 11px 11px 0;height:91px;padding:9px 10px 7px 43px;position:relative}.alarm-records article.critical{border-color:var(--danger)}.alarm-records article.resolved{opacity:.7;border-color:#547284}.alarm-mark{width:21px;height:21px;color:var(--warning);background:#3d311f;border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute;top:12px;left:12px}.alarm-records article.critical .alarm-mark{color:var(--danger);background:#45252a}.alarm-records article>div strong{font-size:10px;display:block}.alarm-records article>div small{color:#7894a5;font-size:7px}.alarm-records article>div p{color:#a7bac5;margin:4px 70px 0 0;font-size:8px}.alarm-records article>b{text-transform:uppercase;color:var(--warning);font-size:7px;position:absolute;top:9px;right:9px}.alarm-records article>button{height:22px;color:var(--cyan);background:#17394d;border-radius:11px;padding:0 10px;font-size:7px;position:absolute;bottom:8px;right:9px}.resolved-label{color:var(--success);font-size:7px;position:absolute;bottom:10px;right:9px}.calibration-layout{grid-template-columns:285px 1fr;gap:14px;height:293px;padding-top:4px;display:grid}.calibration-control,.calibration-history{background:var(--panel);border-radius:14px;padding:13px 15px}.calibration-control>label,.calibration-history header label{color:var(--cyan);text-transform:uppercase;font-size:8px;font-weight:800}.calibration-control>div:first-of-type{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:grid}.calibration-control>div>button{text-align:left;background:#09283f;border-radius:9px;grid-template-rows:23px 1fr;grid-template-columns:27px 1fr;height:49px;padding:5px 8px;display:grid}.calibration-control>div>button.active{outline:1px solid var(--cyan);background:#0d4b59}.calibration-control>div>button span{color:var(--cyan);grid-row:1/3;font-size:19px}.calibration-control>div>button strong{font-size:8px}.calibration-control>div>button small{color:#7894a3;font-size:7px}.calibration-warning{border-left:3px solid var(--warning);color:#afbdc2;background:#2d291e;margin:10px 0;padding:8px;font-size:7px;line-height:1.4}.calibration-control>.primary-pill{width:100%;height:34px;min-height:34px;font-size:9px}.calibration-history header{border-bottom:1px solid var(--line);justify-content:space-between;height:27px;display:flex}.calibration-history header small{color:#7894a4;font-size:7px}.calibration-history article{border-bottom:1px solid var(--line);grid-template-columns:29px 1fr 1fr;align-items:center;height:47px;display:grid}.cal-result{width:20px;height:20px;color:var(--success);background:#173b2d;border-radius:50%;place-items:center;font-size:10px;display:grid}.calibration-history article>div{flex-direction:column;display:flex}.calibration-history article>div:last-child{text-align:right}.calibration-history article b,.calibration-history article strong{font-size:9px}.calibration-history article small{color:#7894a4;font-size:7px}.detail-actions{margin-top:20px}.setup-layout{height:252px;margin-top:9px}.volume-panel{padding:14px 18px}.volume-header{align-items:center;height:15px}.volume-guidance{color:#8fa8b7;margin:3px 0 5px;font-size:9px;line-height:1.35}.volume-control{height:48px;margin-top:0}.volume-limits{white-space:nowrap;justify-content:center;align-items:center;gap:14px;height:19px;font-size:8.5px;display:flex}.volume-limits span{color:#a9bfcb}.volume-limits strong{color:#eaf8fe;font-size:9px}.volume-limits i{color:#567789;margin:0 3px;font-style:normal}.volume-limits.validation-error span,.volume-limits.validation-error strong{color:var(--danger)}.volume-panel hr{margin:6px 0}.volume-panel .recipe-summary{margin-top:4px}.volume-panel .dose-row{margin-top:8px;padding-top:7px}.setup-cta{min-width:185px;height:36px;min-height:36px;padding:0 24px;font-size:11px;bottom:10px;right:34px}.runtime-visual-head{align-items:flex-start;gap:12px;height:19px;display:flex}.runtime-visual-head label{color:var(--cyan);text-transform:uppercase;font-size:10px;font-weight:750}.runtime-visual-head strong{color:#eefaff;letter-spacing:.1px;font-size:12px;line-height:12px}.flow-manifold{z-index:3;background:#2f6679;border-radius:3px;height:3px;position:absolute;top:24px;left:5%;right:5%;box-shadow:0 0 0 1px #0b2636}.flow-manifold:after{content:"";border-radius:inherit;opacity:0;background:repeating-linear-gradient(90deg,#0000 0 24px,#58fff6 29px 36px,#0000 41px 62px);position:absolute;inset:0}.flow-manifold.is-flowing:after{opacity:1;animation:manifold-flow 1.35s linear infinite}@keyframes manifold-flow{to{background-position:62px 0}}.runtime-bottles{height:173px;padding-top:11px}.bottle-gauge.compact .chemical{white-space:nowrap;margin:5px 0 0;font-size:10px;line-height:12px;display:block;position:static}.bottle-gauge.compact .bottle-value strong{font-size:14px}.runtime-bottles.is-paused .pump-spinner{opacity:.62;animation-play-state:paused}.runtime-bottles.is-flowing .tube:after{content:"";background:#76fff8;border-radius:3px;width:3px;height:8px;animation:tube-flow .82s linear infinite;position:absolute;top:0;left:-2px;box-shadow:0 0 5px #46fff4}@keyframes tube-flow{0%{transform:translateY(30px)}to{transform:translateY(0)}}.runtime-bottles.is-flowing .liquid:after,.runtime-bottles.is-flowing .liquid:before{content:"";z-index:2;background:#ffffff3d;border-radius:50%;width:124%;height:10px;animation:liquid-ripple 1.6s ease-in-out infinite;position:absolute;top:-5px;left:-12%}.runtime-bottles.is-flowing .liquid:after{background:#04253c47;animation-delay:-.8s;top:-3px}@keyframes liquid-ripple{0%,to{transform:translate(-4%)rotate(-2deg)scaleY(.7)}50%{transform:translate(4%)rotate(2deg)scaleY(1)}}.flow-manifold{top:29px}.runtime-bottles{height:183px}.runtime-bottles .tube{height:54px}.runtime-bottles .pump-spinner{top:18px}.bottle-gauge.compact .bottle{margin-top:54px}.bottle-gauge.compact .chemical{margin-top:9px}.bottle-gauge.compact .bottle-value{margin-top:5px}.dashboard-actions{grid-template-columns:1.25fr .95fr;gap:9px;display:grid;position:absolute;bottom:26px;left:205px;right:205px}.dashboard-actions button{justify-content:center;align-items:center;gap:10px;height:40px;font-size:13px;font-weight:850;display:flex}.dashboard-history{color:#bffefa;background:#0a3046;border:1px solid #1b8290;border-radius:23px;box-shadow:0 7px 20px #00131f66}.dashboard-history span{color:var(--cyan);font-size:18px}.dashboard-history b{background:var(--cyan);color:#03242c;border-radius:12px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:9px;display:grid}.history-filter-row{justify-content:space-between;align-items:flex-start;height:35px;display:flex}.history-filter-row>div{gap:6px;display:flex}.history-date-filter,.history-filter-row button{color:#89a4b3;background:#0b2940;border-radius:15px;justify-content:center;align-items:center;height:29px;padding:0 14px;font-size:8px;font-weight:800;display:flex}.history-date-filter.active,.history-filter-row button.active{background:var(--cyan);color:#03242c}.history-date-filter{cursor:pointer;gap:5px;position:relative}.history-date-filter span{font-size:11px}.history-date-filter input{opacity:0;cursor:pointer;position:absolute;inset:0}.history-filter-row>small{color:#7894a3;padding-top:9px;font-size:8px}.user-history-list{background:var(--panel);border-radius:12px;height:198px;overflow:hidden}.history-log-row,.user-history-list>header{grid-template-columns:55px 1.12fr 1.28fr .72fr .86fr .9fr 13px;align-items:center;column-gap:6px;padding:0 12px;display:grid}.user-history-list>header{height:27px;color:var(--cyan);letter-spacing:.2px;background:#09263b;font-size:6.5px;font-weight:850}.history-log-row{border-top:1px solid var(--line);color:#eaf8fd;text-align:left;background:0 0;width:100%;height:42.5px}.history-log-row:hover{background:#0a2a40}.history-log-row time{color:#91adbb;font-size:9px}.history-log-row>strong{white-space:nowrap;font-size:10px}.history-log-row>span{flex-direction:column;min-width:0;display:flex}.history-log-row>span b{white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.history-log-row small{color:#7896a6;font-size:6.5px;font-weight:600}.history-log-row>i{color:var(--cyan);font-size:18px;font-style:normal}.history-empty{color:#7896a6;flex-direction:column;justify-content:center;align-items:center;height:171px;display:flex}.history-empty strong{color:#c7dce5;font-size:11px}.history-empty span{margin-top:5px;font-size:8px}.history-total-strip{border-left:3px solid var(--cyan);background:#082338;border-radius:11px;grid-template-columns:1.18fr 1fr repeat(6,.78fr);height:48px;margin-top:7px;display:grid;overflow:hidden}.history-total-strip>div{border-left:1px solid var(--line);flex-direction:column;justify-content:center;min-width:0;padding:7px 8px;display:flex}.history-total-strip>div:first-child{border:0}.history-total-strip small{color:#76a2b3;white-space:nowrap;font-size:6px}.history-total-strip strong{white-space:nowrap;margin-top:3px;font-size:9px}.history-total-strip .history-total-lead small{color:var(--cyan)}.history-total-strip .history-total-lead strong{font-size:11px}.history-page-controls{justify-content:center;align-items:end;gap:11px;height:27px;display:flex}.history-page-controls button{width:25px;height:25px;color:var(--cyan);border:1px solid #1f6c79;border-radius:50%;font-size:17px}.history-page-controls button:disabled{opacity:.25}.history-page-controls span{color:#829cab;padding-bottom:7px;font-size:7px}.history-page-controls strong{padding:0 8px 6px;font-size:9px}.history-export-button{color:var(--cyan)!important;background:#0d3349!important;border:1px solid #1c6273!important;gap:5px!important}.history-export-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.history-export-backdrop{z-index:45;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020b13e8;place-items:center;display:grid;position:absolute;inset:-8px -34px -35px}.history-export-dialog{background:#071d2e;border:1px solid #246b7c;border-radius:16px;width:560px;padding:12px 15px;box-shadow:0 20px 55px #000d}.history-export-dialog>header{border-bottom:1px solid #164158;grid-template-columns:34px 1fr 24px;align-items:center;gap:8px;height:43px;display:grid}.history-export-dialog>header>span{width:29px;height:29px;color:var(--cyan);background:#0d394c;border-radius:9px;place-items:center;display:grid}.history-export-dialog>header svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.history-export-dialog>header>div{flex-direction:column;display:flex}.history-export-dialog>header strong{font-size:11px}.history-export-dialog>header small{color:#7896a5;margin-top:2px;font-size:6px}.history-export-dialog>header>button{color:#a9c3ce;background:#12364a;border-radius:50%;width:22px;height:22px;font-size:15px}.history-export-section>label{color:#82a9b9;letter-spacing:.3px;margin-bottom:5px;font-size:6.5px;font-weight:900;display:block}.history-export-options{gap:6px;display:grid}.history-export-options.range{grid-template-columns:repeat(4,1fr)}.history-export-options.destinations{grid-template-columns:repeat(2,1fr)}.history-export-dialog .history-export-options button{color:#9bb5c1;background:#0a2a3f;border:1px solid #174a60;border-radius:8px;justify-content:center;align-items:center;height:31px;padding:0 8px;font-size:7px;font-weight:850;display:flex}.history-export-dialog .history-export-options button.active{color:#efffff;background:#0d4a55;border-color:#63efe8;box-shadow:inset 0 0 0 1px #57e9e433}.history-export-options.destinations button{flex-direction:column;gap:3px;height:43px!important;display:flex!important}.history-export-options.destinations strong{font-size:7.5px}.history-export-options.destinations small{color:#7896a5;font-size:5.5px}.history-export-options button:disabled{opacity:.38}.history-export-dates{grid-template-columns:1fr 20px 1fr;align-items:center;gap:6px;height:35px;margin-top:6px;display:grid}.history-export-dates input{color:#effcff;color-scheme:dark;background:#041722;border:1px solid #1b5368;border-radius:7px;height:29px;padding:0 8px;font-size:8px}.history-export-dates i{text-align:center;color:var(--cyan);font-size:11px;font-style:normal}.history-export-file-summary{background:#08263a;border-radius:8px;grid-template-columns:1fr 70px;align-items:center;height:35px;margin-top:8px;padding:0 9px;display:grid}.history-export-file-summary span{flex-direction:column;min-width:0;display:flex}.history-export-file-summary small{color:#7593a2;font-size:5.5px}.history-export-file-summary strong{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:7.5px;overflow:hidden}.history-export-dialog>p{color:#7896a5;align-items:center;height:18px;margin:4px 0 0;font-size:6.5px;display:flex}.history-export-dialog>p.visible{color:var(--success)}.history-export-dialog>footer{justify-content:flex-end;align-items:flex-end;gap:7px;height:36px;display:flex}.history-export-dialog>footer button{border-radius:15px;min-width:100px;height:29px;font-size:8px;font-weight:850}.history-summary-row{grid-template-columns:1fr 48px;align-items:center;gap:9px;margin-top:15px;display:grid}.history-summary-row .history-total-strip{margin-top:0}.history-scroll-controls{grid-template-rows:1fr 1fr;gap:4px;height:48px;display:grid}.history-scroll-controls button{color:var(--cyan);background:#0b2a40;border:1px solid #1f6c79;border-radius:8px;font-size:14px;font-weight:900;box-shadow:0 4px 10px #00131f66}.history-scroll-controls button:active:not(:disabled){background:var(--cyan);color:#03242c}.history-scroll-controls button:disabled{opacity:.22}.history-calendar{position:relative}.history-date-filter{border:0}.history-calendar-popover{z-index:30;color:#eaf8fd;background:#082337;border:1px solid #1c6273;border-radius:12px;width:392px;padding:10px 12px;position:absolute;top:34px;left:0;box-shadow:0 14px 35px #00101fd9}.history-calendar-popover>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;height:24px;display:flex}.history-calendar-popover>header strong{color:var(--cyan);text-transform:uppercase;font-size:9px}.history-filter-row .history-calendar-popover>header button{color:#a9c3ce;background:#12364a;border-radius:50%;width:19px;height:19px;padding:0;font-size:13px}.history-calendar-popover>div{grid-template-columns:1fr 18px 1fr;align-items:end;gap:7px;padding-top:8px;display:grid}.history-calendar-popover label{flex-direction:column;gap:4px;display:flex}.history-calendar-popover label span{color:#91aebb;font-size:7px}.history-calendar-popover label input{color:#effcff;color-scheme:dark;background:#041722;border:1px solid #1b5368;border-radius:7px;width:100%;height:30px;padding:0 7px;font-size:9px}.history-calendar-popover>div>i{color:var(--cyan);text-align:center;padding-bottom:8px;font-size:12px;font-style:normal}.history-calendar-popover>footer{justify-content:space-between;align-items:end;height:31px;display:flex}.history-calendar-popover>footer small{color:#7897a7;padding-bottom:6px;font-size:7px}.history-filter-row .history-calendar-popover>footer button{background:var(--cyan);color:#03242c;border-radius:13px;height:25px;padding:0 14px;font-size:8px}.history-log-row time{white-space:nowrap;font-size:8px}.history-log-row time:first-child{color:#c5dae3;font-size:7.5px;font-weight:750}.history-log-row>.solution-breakdown{gap:3px 4px;display:grid}.solution-breakdown>span{border-left:1px solid #174257;flex-direction:column;min-width:0;padding-left:4px;display:flex}.solution-breakdown>span small{color:var(--cyan);white-space:nowrap;font-size:6px;line-height:8px}.solution-breakdown>span b{white-space:nowrap;color:#d9edf5;font-size:6.5px;line-height:8px}.history-row-status{white-space:nowrap;text-transform:uppercase;border-radius:9px;justify-self:start;place-items:center;min-width:57px;height:18px;padding:0 5px;font-size:6px;font-style:normal;font-weight:900;display:grid}.history-row-status.complete{color:#8dff7c;background:#163a2c}.history-row-status.not-complete{color:#ffbd6d;background:#3a2922}.history-detail-layout{grid-template-columns:.95fr 1.25fr;gap:13px;height:285px;padding-top:6px;display:grid}.history-detail-profile,.history-detail-usage{background:var(--panel);border-radius:14px;padding:15px}.history-detail-profile>header{border-bottom:1px solid var(--line);justify-content:space-between;height:76px;display:flex}.history-detail-profile>header h2{margin:7px 0 1px;font-size:21px}.history-detail-profile>header p{color:var(--cyan);margin:0;font-size:9px}.history-detail-profile>header>strong{color:#f3fdff;align-self:center;font-size:24px}.history-detail-profile>header>strong small{color:#829baa;font-size:9px}.history-status{color:#8dff7c;text-transform:uppercase;background:#163a2c;border-radius:9px;padding:3px 8px;font-size:7px;font-weight:850}.history-status.cancelled{color:#ffc177;background:#3a2c22}.history-meta-grid{grid-template-columns:1fr 1fr;gap:10px 12px;margin-top:13px;display:grid}.history-meta-grid>div,.history-output-grid>div{flex-direction:column;display:flex}.history-meta-grid small,.history-output-grid small{color:#7795a5;font-size:6.5px}.history-meta-grid strong{text-transform:capitalize;margin-top:3px;font-size:8px}.history-output-grid{background:#09283d;border-radius:9px;grid-template-columns:1fr 1fr;align-items:center;height:57px;margin-top:14px;padding:0 12px;display:grid}.history-output-grid>div+div{border-left:1px solid var(--line);padding-left:13px}.history-output-grid strong{margin-top:3px;font-size:15px}.history-detail-usage>header{border-bottom:1px solid var(--line);justify-content:space-between;height:44px;display:flex}.history-detail-usage>header div{flex-direction:column;display:flex}.history-detail-usage>header label{color:var(--cyan);text-transform:uppercase;font-size:9px;font-weight:850}.history-detail-usage>header small{color:#7896a5;margin-top:4px;font-size:6px}.history-detail-usage>header>strong{font-size:15px}.history-usage-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.history-usage-grid>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:51px;display:flex}.history-usage-grid>div span{color:#9bb4c0;font-size:10px}.history-usage-grid>div strong{font-size:13px}.history-usage-grid>div strong small{color:#7894a3;font-size:7px}.history-usage-grid .ro span,.history-usage-grid .ro strong{color:var(--cyan)}.history-detail-usage>footer{justify-content:space-between;align-items:end;height:39px;display:flex}.history-detail-usage>footer span{color:#7895a4;font-size:7px}.history-detail-usage>footer strong{color:#f0fcff;font-size:12px}.history-detail-empty{flex-direction:column;justify-content:center;align-items:center;gap:18px;height:270px;display:flex}.history-detail-empty strong{font-size:16px}.history-detail-empty .primary-pill{height:38px;min-height:38px}.user-history-list{height:219px}.history-log-row{height:48px}.history-empty{height:192px}.history-summary-row{grid-template-columns:590px 84px;justify-content:center;margin-top:10px}.history-summary-row .history-total-strip{height:42px}.history-total-strip>div{text-align:center;align-items:center;padding:4px 5px}.history-scroll-controls{justify-content:center;align-items:center;gap:8px;height:42px;display:flex}.history-scroll-controls button{color:#012c33;background:linear-gradient(145deg,#b4fffb,#4ffff5 45%,#18e9df);border:0;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;padding:0;display:grid;box-shadow:0 0 0 2px #9ffff84d,0 0 16px #35fff291,0 5px 12px #00131f8c}.history-scroll-controls button svg{fill:none;stroke:currentColor;stroke-width:3.3px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.history-scroll-controls button:hover:not(:disabled){filter:brightness(1.12)}.history-scroll-controls button:active:not(:disabled){transform:scale(.96)}.history-scroll-controls button:disabled{color:#8eabb6;opacity:.52;background:#235264;box-shadow:0 0 0 1px #426c7a}.user-history-list>header span{text-align:left;justify-self:start;width:auto}.settings-grid{grid-template-columns:repeat(5,1fr);gap:9px}.settings-grid button{height:91px;padding:10px 9px}.settings-grid button strong{font-size:10px}.settings-grid button small{font-size:7px;line-height:1.3}.profile-options-layout{grid-template-columns:1fr 1fr;gap:13px;height:257px;padding-top:3px;display:grid}.option-manager{background:var(--panel);border-radius:14px;min-width:0;padding:11px 12px}.option-manager>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;height:29px;display:flex}.option-manager>header div{flex-direction:column;display:flex}.option-manager>header label{color:var(--cyan);text-transform:uppercase;font-size:9px;font-weight:850}.option-manager>header small{color:#7896a5;font-size:6px}.option-manager>header>span{color:#aafefa;background:#0d3449;border-radius:9px;place-items:center;min-width:24px;height:18px;padding:0 6px;font-size:8px;font-weight:850;display:grid}.option-add-row{grid-template-columns:1fr 72px;align-items:center;gap:6px;height:41px;display:grid}.option-add-row input,.option-row input{color:#eefcff;background:#041521;border:1px solid #1e4c62;border-radius:7px;outline:0;min-width:0;height:27px;padding:0 8px;font-size:9px}.option-add-row input:focus,.option-row input:focus{border-color:var(--cyan)}.option-add-row button{background:var(--cyan);color:#03242c;border-radius:14px;height:27px;font-size:8px;font-weight:900}.option-list{height:166px;padding-right:2px;overflow:auto}.option-row{border-top:1px solid #0e3047;grid-template-columns:18px 1fr 35px 43px 23px;align-items:center;gap:5px;height:33px;display:grid}.option-row:first-child{border-top:0}.option-row>b{color:#658394;text-align:center;font-size:7px}.option-row.disabled{opacity:.56}.option-switch{background:#354b56;border-radius:10px;width:35px;height:19px;padding:2px;position:relative}.option-switch i{background:#9aacb4;border-radius:50%;width:15px;height:15px;transition:all .15s;display:block}.option-switch.on{background:#176a68}.option-switch.on i{background:var(--cyan);transform:translate(16px)}.option-order{gap:3px;display:flex}.option-delete,.option-order button{color:#a9c6d2;background:#103048;border-radius:6px;width:20px;height:21px;font-size:10px;font-weight:900}.option-delete:disabled,.option-order button:disabled{opacity:.22;cursor:not-allowed}.option-delete{color:#ff9998;background:#3b242c;font-size:14px}.profile-options-footer{justify-content:flex-end;align-items:center;gap:8px;height:42px;margin-top:6px;display:flex}.profile-options-footer>span{color:#7898a8;max-width:345px;margin-right:auto;font-size:7px}.profile-options-footer>span:not(:empty){color:#a5bdc8}.profile-options-footer>b{color:var(--success);font-size:9px}.profile-options-footer button{height:35px;min-height:35px;font-size:9px}.general-page-head{justify-content:space-between;align-items:flex-start;height:38px;padding:1px 2px 5px;display:flex}.general-page-head>div{flex-direction:column;display:flex}.general-page-head strong{color:#eefbff;font-size:12px}.general-page-head span{color:#7f9baa;margin-top:2px;font-size:7px}.general-page-head>b{height:23px;color:var(--cyan);background:#0b2d43;border-radius:12px;padding:5px 10px;font-size:8px}.general-settings-grid{grid-template-columns:1fr 1fr;gap:13px;height:220px;display:grid}.general-card{background:var(--panel);border-radius:14px;padding:10px 13px;overflow:hidden}.general-card>header{border-bottom:1px solid var(--line);grid-template-columns:33px 1fr;align-items:center;gap:8px;height:42px;display:grid}.general-card>header>span{width:29px;height:29px;color:var(--cyan);background:#0d3449;border-radius:9px;place-items:center;font-size:16px;font-weight:800;display:grid}.general-card>header>div{flex-direction:column;display:flex}.general-card>header strong{font-size:10px}.general-card>header small{color:#7896a5;margin-top:2px;font-size:6px}.general-card>label{border-bottom:1px solid #0e3047;justify-content:space-between;align-items:center;gap:10px;min-height:41px;display:flex}.general-card>label:last-child{border-bottom:0}.general-card>label>span,.general-date-row label>span{color:#b7ccd6;font-size:8px;font-weight:700}.general-card select,.general-date-row input{color:#ecfaff;background:#041521;border:1px solid #1d5067;border-radius:7px;outline:0;min-width:112px;height:27px;padding:0 7px;font-size:8px}.general-card select:disabled,.general-date-row input:disabled{opacity:.42}.general-segmented{background:#041521;border-radius:8px;padding:2px;display:flex}.general-segmented button{color:#7897a6;background:0 0;border-radius:6px;min-width:58px;height:24px;padding:0 8px;font-size:8px;font-weight:800}.general-segmented button.active{background:var(--cyan);color:#03242c}.general-date-row{border-bottom:1px solid #0e3047;grid-template-columns:1fr 1fr;gap:7px;height:52px;display:grid}.general-date-row label{flex-direction:column;justify-content:center;gap:3px;display:flex}.general-date-row input{color-scheme:dark;width:100%;min-width:0;height:25px}.general-sync-row{justify-content:space-between;align-items:center;gap:8px;height:44px;display:flex}.general-sync-row span{color:#7897a7;font-size:7px}.general-sync-row button{height:27px;color:var(--cyan);background:#0e4154;border-radius:14px;padding:0 11px;font-size:8px;font-weight:800}.general-sync-row button:disabled{opacity:.36}.general-inline{align-items:center;gap:8px;display:flex}.general-inline select{min-width:75px}.general-slider{grid-template-columns:92px 1fr 37px!important;display:grid!important}.general-slider input{width:100%;accent-color:var(--cyan)}.general-slider>b{text-align:right;color:#edfaff;font-size:9px}.general-fixed-value{height:23px;color:var(--cyan);background:#0c3045;border-radius:7px;padding:5px 10px;font-size:8px}.general-footer{justify-content:flex-end;align-items:center;gap:8px;height:48px;display:flex}.general-footer>span{color:#8ba7b4;max-width:280px;margin-right:auto;font-size:7px}.general-footer button{height:35px;min-height:35px;font-size:9px}.general-page-controls{gap:7px;margin-right:4px;display:flex}.general-page-controls button{color:#012c33;background:linear-gradient(145deg,#b4fffb,#4ffff5 45%,#18e9df);border-radius:50%;place-items:center;width:35px;height:35px;padding:0;display:grid;box-shadow:0 0 0 2px #9ffff84d,0 0 12px #35fff26b}.general-page-controls button svg{fill:none;stroke:currentColor;stroke-width:3.3px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.general-page-controls button:disabled{color:#8eabb6;opacity:.45;cursor:not-allowed;background:#235264;box-shadow:0 0 0 1px #426c7a}.device-settings-head{justify-content:space-between;align-items:flex-start;height:36px;padding:0 2px 5px;display:flex}.device-settings-head>div{flex-direction:column;display:flex}.device-settings-head strong{font-size:12px}.device-settings-head small{color:#7895a5;margin-top:2px;font-size:7px}.device-settings-head>b{border-radius:12px;align-items:center;gap:6px;height:23px;padding:5px 10px;font-size:7px;display:flex}.device-settings-head>b i{background:currentColor;border-radius:50%;width:7px;height:7px}.device-settings-head>b.online{color:var(--success);background:#15352a}.device-settings-head>b.offline{color:var(--warning);background:#3b2922}.device-two-panel{grid-template-columns:1fr 1fr;gap:13px;height:220px;display:grid}.device-card{background:var(--panel);border-radius:14px;padding:10px 13px;overflow:hidden}.device-card>header{border-bottom:1px solid var(--line);grid-template-columns:33px 1fr;align-items:center;gap:8px;height:41px;display:grid}.device-card>header>span{width:29px;height:29px;color:var(--cyan);background:#0d3449;border-radius:9px;place-items:center;font-size:13px;font-weight:850;display:grid}.device-card>header>div{flex-direction:column;display:flex}.device-card>header strong{font-size:10px}.device-card>header small{color:#7896a5;margin-top:2px;font-size:6px}.status-metric{border-bottom:1px solid #0e3047;flex-direction:column;justify-content:center;height:44px;display:flex}.cloud-device small,.network-facts small,.status-metric small{color:#7896a5;font-size:6px}.status-metric strong{color:#effcff;font-size:12px}.network-facts{grid-template-columns:.7fr .9fr 1.2fr;align-items:center;gap:5px;height:57px;display:grid}.cloud-device span,.network-facts span{flex-direction:column;display:flex}.cloud-device b,.network-facts b{white-space:nowrap;text-overflow:ellipsis;font-size:7px;overflow:hidden}.network-facts b.good{color:var(--success)}.device-danger-lite,.device-secondary-action,.device-wide-action{border-radius:14px;height:28px;padding:0 13px;font-size:8px;font-weight:850}.device-danger-lite{color:#ff9998;background:#40262d}.device-danger-lite:disabled,.device-secondary-action:disabled,.device-wide-action:disabled{opacity:.35;cursor:not-allowed}.device-field{border-bottom:1px solid #0e3047;grid-template-columns:88px 1fr;align-items:center;height:42px;display:grid}.device-field.compact{height:31px}.device-field span{color:#a9c0cb;font-size:8px}.device-field input{color:#edfaff;background:#041521;border:1px solid #1d4d63;border-radius:7px;outline:0;min-width:0;height:27px;padding:0 8px;font-size:8px}.device-field input:disabled{opacity:.42}.network-actions{grid-template-columns:1fr 90px;align-items:center;gap:7px;height:41px;display:grid}.network-actions button{height:28px;color:var(--cyan);background:#10344b;border-radius:14px;font-size:8px;font-weight:850}.network-actions button.primary{background:var(--cyan);color:#03242c}.device-card>p{color:#7896a5;margin:4px 0;font-size:6.5px;line-height:1.4}.network-mode{width:140px;margin:7px 0 3px}.diagnostic-list{height:124px;padding-top:5px}.diagnostic-list>div:not(.diagnostic-placeholder){border-bottom:1px solid #0e3047;justify-content:space-between;align-items:center;height:37px;display:flex}.diagnostic-list span{font-size:9px}.diagnostic-list b{font-size:8px}.diagnostic-list b.pass{color:var(--success)}.diagnostic-list b.fail{color:var(--danger)}.diagnostic-placeholder{text-align:center;color:#7896a5;place-items:center;height:116px;padding:0 25px;font-size:8px;line-height:1.5;display:grid}.device-wide-action{background:var(--cyan);color:#03242c;width:100%}.device-settings-footer{justify-content:flex-end;align-items:center;gap:8px;height:48px;display:flex}.device-settings-footer>span{color:#88a5b2;max-width:285px;margin-right:auto;font-size:7px}.device-settings-footer>button{height:35px;min-height:35px;font-size:9px}.device-page-controls{gap:7px;margin-right:4px;display:flex}.device-page-controls button{color:#012c33;background:linear-gradient(145deg,#b4fffb,#4ffff5 45%,#18e9df);border-radius:50%;place-items:center;width:35px;height:35px;padding:0;display:grid;box-shadow:0 0 0 2px #9ffff84d,0 0 12px #35fff26b}.device-page-controls button svg{fill:none;stroke:currentColor;stroke-width:3.3px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.device-page-controls button:disabled{color:#8eabb6;opacity:.45;cursor:not-allowed;background:#235264;box-shadow:0 0 0 1px #426c7a}.cloud-counts{grid-template-columns:repeat(3,1fr);align-items:center;height:65px;display:grid}.cloud-counts div{border-right:1px solid var(--line);flex-direction:column;align-items:center;display:flex}.cloud-counts div:last-child{border:0}.cloud-counts strong{font-size:18px}.cloud-counts small{color:var(--cyan);font-size:6px}.cloud-device{border-top:1px solid var(--line);grid-template-columns:1fr 1.2fr;align-items:center;gap:8px;height:57px;display:grid}.cloud-device b{font-size:8px}.device-switch-row{border-bottom:1px solid #0e3047;justify-content:space-between;align-items:center;height:53px;display:flex}.device-switch-row>div{flex-direction:column;max-width:235px;display:flex}.device-switch-row strong{font-size:8.5px}.device-switch-row small{color:#7896a5;margin-top:2px;font-size:6.5px}.device-switch-row .switch:disabled{opacity:.3}.device-secondary-action{width:100%;color:var(--cyan);background:#10344b;margin-top:10px}.publish-permission{border-radius:10px;grid-template-columns:27px 1fr;align-items:center;height:55px;margin-top:9px;padding:8px 10px;display:grid}.publish-permission.allowed{color:var(--success);background:#15352a}.publish-permission.restricted{color:var(--warning);background:#332a20}.publish-permission>span{font-size:17px}.publish-permission>div{flex-direction:column;display:flex}.publish-permission strong{font-size:8px}.publish-permission small{color:#9fb3b8;font-size:6px}.consent-state{background:#08263b;border-radius:10px;height:83px;margin-top:9px;padding:12px}.consent-state b{color:var(--cyan);font-size:9px}.consent-state p{color:#8ca5b1;margin:6px 0;font-size:7px;line-height:1.5}.general-settings-grid .general-card:first-child>header>span{background-color:#0d3449;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235df9f1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.6 2.5 4 5.5 4 9s-1.4 6.5-4 9c-2.6-2.5-4-5.5-4-9s1.4-6.5 4-9Z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:18px 18px;font-size:0}.device-field select{color:#edfaff;background:#041521;border:1px solid #1d4d63;border-radius:7px;outline:0;min-width:0;height:27px;padding:0 8px;font-size:8px}.reservoir-layout{grid-template-columns:1.08fr .92fr}.reservoir-tile-grid{grid-template-columns:1fr 1fr;gap:5px 7px;margin-top:7px;display:grid}.reservoir-tile-grid button{text-align:left;background:#09263b;border:1px solid #0000;border-radius:9px;grid-template-columns:8px 1fr 30px;align-items:center;gap:7px;height:50px;padding:6px 7px;display:grid;position:relative;overflow:hidden}.reservoir-tile-grid button.active{border-color:var(--cyan);background:#0b3447}.reservoir-tile-grid button.disabled{opacity:.55;border-style:dashed}.reservoir-tile-grid button>span{background:#143a50;border-radius:4px;width:7px;height:35px;position:relative;overflow:hidden}.reservoir-tile-grid button>span:after{content:"";height:var(--level);background:var(--cyan);position:absolute;bottom:0;left:0;right:0}.reservoir-tile-grid button.low>span:after{background:var(--warning)}.reservoir-tile-grid button.critical>span:after{background:var(--danger)}.reservoir-tile-grid button>div{flex-direction:column;display:flex}.reservoir-tile-grid strong{align-items:center;gap:5px;font-size:9px;display:flex}.reservoir-tile-grid strong em{width:15px;height:15px;color:var(--cyan);background:#15465a;border-radius:50%;place-items:center;font-size:7px;font-style:normal;display:grid}.reservoir-tile-grid small{color:#7896a5;font-size:6px}.reservoir-tile-grid button>b{color:var(--success);text-align:right;font-size:6px}.reservoir-tile-grid button.low>b{color:var(--warning)}.reservoir-tile-grid button.critical>b{color:var(--danger)}.reservoir-tile-grid button.disabled>b{color:#7896a5}.reservoir-config-grid{padding-top:4px}.reservoir-config-grid label{border-bottom:1px solid #0e3047;grid-template-columns:1fr 65px 26px;align-items:center;height:34px;display:grid}.reservoir-config-grid span{color:#a9c0cb;font-size:8px}.maintenance-intervals input,.reservoir-config-grid input{color:#edfaff;text-align:right;background:#041521;border:1px solid #1d4d63;border-radius:7px;height:25px;padding:0 6px;font-size:9px}.reservoir-config-grid input:disabled{opacity:.35}.maintenance-intervals small,.reservoir-config-grid small{color:#7896a5;text-align:right;font-size:6px}.channel-map{grid-template-columns:1fr 1fr;align-items:end;gap:9px;height:34px;display:grid}.channel-map span{flex-direction:column;display:flex}.channel-map small{color:var(--cyan);font-size:6px}.channel-map b{font-size:8px}.refill-current{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;height:55px;display:grid}.refill-current span{flex-direction:column;display:flex}.refill-current small{color:#7896a5;font-size:6px}.refill-current strong{font-size:15px}.refill-amount{grid-template-columns:1fr 82px 25px;align-items:center;height:45px;display:grid}.refill-amount span{font-size:8px}.refill-amount input{color:#edfaff;text-align:right;background:#041521;border:1px solid #1d4d63;border-radius:7px;height:29px;padding:0 7px;font-size:12px;font-weight:800}.refill-amount b{text-align:right;font-size:8px}.refill-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.refill-actions button{height:30px;color:var(--cyan);background:#10344b;border-radius:15px;font-size:8px;font-weight:850}.refill-actions button.primary{background:var(--cyan);color:#03242c}.refill-actions button:disabled{opacity:.35}.safety-check-list{padding-top:5px}.safety-check-list>div{border-bottom:1px solid #0e3047;justify-content:space-between;align-items:center;height:34px;display:flex}.safety-check-list b,.safety-check-list span{font-size:8px}.safety-check-list b.pass{color:var(--success)}.safety-check-list b.fail{color:var(--danger)}.reservoir-manage-layout{grid-template-columns:.92fr 1.08fr;gap:13px;height:220px;display:grid}.reservoir-slot-editor>header,.reservoir-slot-manager>header{grid-template-columns:33px 1fr auto}.reservoir-slot-editor>header>button,.reservoir-slot-manager>header>button{height:23px;color:var(--cyan);background:#103b4d;border-radius:12px;padding:0 9px;font-size:7px;font-weight:850}.reservoir-slot-manager>div{padding-top:3px}.reservoir-slot-manager>div>button{text-align:left;border-bottom:1px solid #0e3047;grid-template-columns:24px 1fr 49px;align-items:center;gap:6px;width:100%;height:26px;padding:0 4px;display:grid}.reservoir-slot-manager>div>button.active{box-shadow:inset 2px 0 var(--cyan);background:#0b3548;border-radius:6px}.reservoir-slot-manager>div>button.disabled{opacity:.5}.reservoir-slot-manager>div>button>b{width:18px;height:18px;color:var(--cyan);background:#143e52;border-radius:50%;place-items:center;font-size:7px;display:grid}.reservoir-slot-manager>div>button>span{flex-direction:column;min-width:0;display:flex}.reservoir-slot-manager>div strong{white-space:nowrap;text-overflow:ellipsis;font-size:7px;overflow:hidden}.reservoir-slot-manager>div small{color:#7896a5;font-size:5px}.reservoir-slot-manager>div em{color:var(--success);text-align:right;font-size:5px;font-style:normal}.reservoir-slot-manager>div>button.disabled em{color:#7896a5}.reservoir-slot-fields{height:104px;padding-top:2px}.reservoir-slot-fields>label{border-bottom:1px solid #0e3047;grid-template-columns:94px 1fr;align-items:center;height:26px;display:grid}.reservoir-slot-fields>label>span:first-child{color:#9bb2bd;font-size:6.5px}.reservoir-slot-fields input:not([type=color]){color:#eefcff;width:100%;padding:0 7px;font-size:7px}.reservoir-color-field,.reservoir-slot-fields input:not([type=color]){background:#041521;border:1px solid #1d4d63;border-radius:6px;height:22px}.reservoir-color-field{align-items:center;gap:7px;padding:2px 7px;display:flex}.reservoir-color-field input{background:0 0;border:0;width:25px;height:16px;padding:0}.reservoir-color-field b{color:#8ca8b5;font-size:6px}.reservoir-slot-note{border-bottom:1px solid #0e3047;grid-template-columns:80px 1fr;align-items:center;height:30px;display:grid}.reservoir-slot-note b{color:var(--cyan);font-size:5.5px}.reservoir-slot-note span{color:#7896a5;font-size:5.8px}.reservoir-manage-actions{grid-template-columns:1fr 1.2fr;align-items:end;gap:6px;height:27px;display:grid}.reservoir-manage-actions button{height:23px;color:var(--cyan);background:#10344b;border-radius:12px;font-size:6px;font-weight:850}.reservoir-manage-actions button.delete{color:#ff9998;background:#40262d}.reservoir-manage-actions button.confirm{color:#fff;background:#a13d43}.maintenance-metrics{grid-template-columns:repeat(3,1fr);align-items:center;height:74px;display:grid}.maintenance-metrics div{border-right:1px solid var(--line);flex-direction:column;align-items:center;display:flex}.maintenance-metrics div:last-child{border:0}.maintenance-metrics strong{font-size:19px}.maintenance-metrics small{color:var(--cyan);text-align:center;font-size:6px}.service-status-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;height:52px;display:flex}.service-status-row>span{flex-direction:column;display:flex}.service-status-row small{color:#7896a5;font-size:6px}.service-status-row span b{font-size:8px}.service-status-row>b{border-radius:11px;height:21px;padding:5px 8px;font-size:6px}.service-status-row>b.ok{color:var(--success);background:#15352a}.service-status-row>b.due{color:var(--warning);background:#3a2b20}.service-links{grid-template-columns:1fr 1fr;gap:7px;display:grid}.service-links button{height:29px;color:var(--cyan);background:#10344b;border-radius:15px;font-size:8px}.cleaning-actions{grid-template-columns:repeat(3,1fr);align-items:center;gap:6px;height:99px;display:grid}.cleaning-actions button{background:#09283e;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:82px;display:flex}.cleaning-actions button:disabled{opacity:.4}.cleaning-actions button>span{color:var(--cyan);font-size:19px}.cleaning-actions strong{font-size:7px}.cleaning-actions small{color:#7896a5;font-size:5.5px}.maintenance-running{height:24px;color:var(--success);background:#15352a;border-radius:8px;justify-content:center;align-items:center;gap:7px;font-size:7px;display:flex}.maintenance-running i{background:var(--success);border-radius:50%;width:7px;height:7px;animation:pulse 1s infinite}.tube-life{grid-template-columns:82px 1fr;align-items:center;height:82px;display:grid}.tube-ring{background:#09283e;border:6px solid #1fb9b6;border-radius:50%;align-content:center;place-items:center;width:66px;height:66px;display:grid}.tube-ring strong{font-size:15px}.tube-ring small{color:#7896a5;font-size:5.5px}.tube-life>span{grid-template-columns:1fr 1fr;gap:3px 5px;display:grid}.tube-life>span small{color:#7896a5;font-size:6px}.tube-life>span b{font-size:7px}.maintenance-intervals{grid-template-columns:1fr 1fr;gap:7px;margin-top:7px;display:grid}.maintenance-intervals label{grid-template-columns:1fr 45px 25px;align-items:center;height:35px;display:grid}.maintenance-intervals span{font-size:7px}.maintenance-history{height:151px}.maintenance-history>div:not(.maintenance-empty){border-bottom:1px solid #0e3047;grid-template-columns:22px 1fr 55px;align-items:center;height:37px;display:grid}.maintenance-history>div>span{width:17px;height:17px;color:var(--success);background:#15352a;border-radius:50%;place-items:center;font-size:8px;display:grid}.maintenance-history>div>div{flex-direction:column;display:flex}.maintenance-history strong{font-size:8px}.maintenance-history small{color:#7896a5;font-size:6px}.maintenance-history>div>b{color:var(--success);text-transform:uppercase;text-align:right;font-size:6px}.maintenance-empty{color:#7896a5;place-items:center;height:145px;font-size:8px;display:grid}.access-boot{height:480px;color:var(--cyan);letter-spacing:2px;text-align:center;align-content:center;place-items:center;font-size:24px;font-weight:900;display:grid}.access-boot small{color:#7896a5;letter-spacing:.4px;margin-top:8px;font-size:9px;display:block}.login-layout{grid-template-columns:.92fr 1.08fr;gap:14px;height:315px;display:grid}.access-permission-table,.access-policy-layout>aside,.access-policy-layout>section,.audit-list,.login-users,.pin-panel,.user-editor,.user-list{background:var(--panel);border-radius:14px;padding:12px;overflow:hidden}.access-permission-table>header,.audit-list>header,.login-users>header,.pin-panel>header,.user-editor>header,.user-list>header{border-bottom:1px solid var(--line);align-items:center;gap:8px;height:38px;display:flex}.login-users>header>span{width:29px;height:29px;color:var(--cyan);background:#0e354a;border-radius:50%;place-items:center;font-size:16px;display:grid}.login-users button div,.login-users header div,.session-card div{flex-direction:column;display:flex}.login-users header strong,.pin-panel header label{font-size:11px}.login-users button small,.login-users header small,.session-card small{color:#7896a5;font-size:6px}.login-users>button{text-align:left;background:#08263a;border:1px solid #0000;border-radius:10px;grid-template-columns:33px 1fr 32px;align-items:center;gap:8px;width:100%;height:47px;margin-top:6px;padding:6px 8px;display:grid}.login-users>button.active{border-color:var(--cyan);background:#0b3548}.login-users>button>span,.session-card>span{width:31px;height:31px;color:var(--cyan);background:#153f53;border-radius:50%;place-items:center;font-size:13px;font-weight:900;display:grid}.login-users>button strong{font-size:9px}.login-users>button>b{color:var(--cyan);font-size:5.5px}.login-empty{text-align:center;align-content:center;place-items:center;gap:12px;height:195px;display:grid}.pin-panel>header{justify-content:space-between}.pin-panel>header>span{letter-spacing:6px;color:var(--cyan);font-size:14px}.pin-keypad{grid-template-columns:repeat(3,1fr);gap:6px;height:190px;padding-top:8px;display:grid}.pin-keypad button{color:#eefcff;background:#0c3045;border-radius:9px;font-size:17px;font-weight:800}.pin-keypad button.confirm,.pin-keypad button:active{background:var(--cyan);color:#03242c}.card-login{grid-template-columns:1fr 90px;align-items:end;gap:7px;height:41px;display:grid}.card-login input{color:#eefcff;background:#041521;border:1px solid #1d4d63;border-radius:8px;height:30px;padding:0 9px;font-size:8px}.card-login button{height:30px;color:var(--cyan);background:#123b51;border-radius:15px;font-size:7px;font-weight:850}.access-message{color:var(--success);margin:3px 0 0;font-size:7px}.access-message.error{color:var(--danger)}.access-tabs{grid-template-columns:repeat(3,1fr);gap:7px;height:36px;margin-bottom:9px;display:grid}.access-tabs button{color:#809daa;background:#08263a;border-radius:9px;font-size:8px;font-weight:800}.access-tabs button.active{background:var(--cyan);color:#03242c}.access-policy-layout{grid-template-columns:1.5fr .7fr;gap:12px;height:270px;display:grid}.access-policy-layout>section>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:38px;display:flex}.access-policy-layout header div{flex-direction:column;display:flex}.access-policy-layout header strong,.access-policy-layout>aside>strong{font-size:10px}.access-policy-layout header small{color:#7896a5;font-size:6px}.access-policy-layout header>b{color:var(--cyan);text-transform:uppercase;background:#12374b;border-radius:11px;padding:5px 8px;font-size:6px}.access-mode-grid{grid-template-columns:repeat(3,1fr);gap:6px;height:83px;padding-top:7px;display:grid}.access-mode-grid button{text-align:left;background:#08263a;border:1px solid #0000;border-radius:9px;flex-direction:column;padding:7px;display:flex}.access-mode-grid button.active{border-color:var(--cyan);background:#0c3548}.access-mode-grid strong{font-size:7.5px}.access-mode-grid small{color:#7896a5;margin-top:4px;font-size:5.5px;line-height:1.35}.access-fields{grid-template-columns:1fr 1fr;gap:5px 10px;margin-top:6px;display:grid}.access-fields label{border-bottom:1px solid #0e3047;grid-template-columns:1fr 83px 25px;align-items:center;height:48px;display:grid}.access-fields label:first-child,.access-fields label:nth-child(4){grid-template-columns:1fr 108px}.access-fields span{color:#a9c0cb;font-size:7px}.access-fields input,.access-fields select,.user-editor input,.user-editor select{color:#eefcff;background:#041521;border:1px solid #1d4d63;border-radius:7px;height:27px;padding:0 7px;font-size:8px}.access-fields b{text-align:right;color:#7896a5;font-size:6px}.access-policy-layout>aside{flex-direction:column;gap:8px;display:flex}.session-card{background:#08263a;border-radius:10px;grid-template-columns:38px 1fr;align-items:center;gap:8px;height:52px;padding:7px;display:grid}.session-card b{font-size:9px}.access-policy-layout>aside>p{color:#8ba4af;margin:0;font-size:6.3px;line-height:1.5}.access-policy-layout>aside button{height:32px;min-height:32px;margin-top:auto;font-size:8px}.access-policy-layout>aside button+button{margin-top:0}.access-users-layout{grid-template-columns:1.12fr .88fr;gap:12px;height:270px;display:grid}.user-editor>header,.user-list>header{justify-content:space-between}.user-editor>header strong,.user-list>header strong{font-size:10px}.user-list>header button{background:var(--cyan);color:#03242c;border-radius:13px;height:25px;padding:0 10px;font-size:7px;font-weight:850}.user-list article{border-bottom:1px solid #0e3047;grid-template-columns:29px 1fr 36px 34px 24px;align-items:center;gap:6px;height:42px;display:grid}.user-list article.disabled{opacity:.5}.user-list article>span{width:25px;height:25px;color:var(--cyan);background:#143d50;border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:grid}.user-list article>div{flex-direction:column;display:flex}.user-list article strong{font-size:8px}.user-list article small{color:#7896a5;font-size:5.5px}.user-list article>b{color:var(--success);font-size:5.5px}.user-list article>button{height:22px;color:var(--cyan);background:#13394e;border-radius:11px;font-size:6px}.user-list article>button.delete{color:#ff9d9a;background:#49262d;font-size:13px}.audit-list>p,.user-list>p{color:#7896a5;text-align:center;margin-top:70px;font-size:7px}.user-editor>header small{color:var(--cyan);font-size:6px}.user-editor>label{flex-direction:column;gap:4px;height:44px;display:flex}.user-editor>label>span{color:#9bb2bd;font-size:6.5px}.user-editor-actions{align-items:center;gap:7px;height:37px;display:flex}.user-editor-actions>span{margin-right:auto;font-size:7px}.user-editor-actions button{height:28px;min-height:28px;font-size:7px}.user-editor-actions .switch{width:34px;padding:0}.access-audit-layout{grid-template-columns:1.45fr .75fr;gap:12px;height:270px;display:grid}.access-permission-table,.audit-list{padding-top:7px}.access-permission-table>header,.audit-list>header{height:28px}.access-permission-table>header strong,.audit-list>header strong{font-size:9px}.access-permission-table .matrix-head,.access-permission-table .matrix-row{grid-template-columns:1.5fr repeat(5,.55fr);height:23px}.access-permission-table .matrix-head b,.access-permission-table .matrix-head span{font-size:5.5px}.access-permission-table .matrix-row span{font-size:6.5px}.access-permission-table .matrix-row i{font-size:8px}.audit-list>div{border-bottom:1px solid #0e3047;grid-template-columns:10px 1fr 36px;align-items:center;height:30px;display:grid}.audit-list>div>span{color:var(--success)}.audit-list>div>span.failed{color:var(--danger)}.audit-list>div>div{flex-direction:column;display:flex}.audit-list strong{font-size:6.5px}.audit-list small,.audit-list time{color:#7896a5;font-size:5.5px}.audit-list time{text-align:right}.access-toast{color:var(--success);background:#153a31;border-radius:12px;padding:7px 12px;font-size:7px;position:absolute;bottom:19px;right:22px;box-shadow:0 4px 15px #0008}.access-toast.error{color:#ffaaa7;background:#46272d}.access-loading{color:#7896a5;place-items:center;height:280px;font-size:10px;display:grid}.access-power-wrapper{min-height:100svh;position:relative}.keep-login-overlay{z-index:9;pointer-events:none;align-items:center;gap:7px;width:360px;display:flex;position:absolute;top:calc(50% + 151px);left:50%;transform:translate(-76%)}.keep-login-overlay button{text-align:left;pointer-events:auto;background:#08263a;border:1px solid #1a4860;border-radius:10px;grid-template-columns:25px 1fr;align-items:center;gap:8px;min-width:318px;height:39px;padding:5px 10px;display:grid}.keep-login-overlay button>i{color:#03242c;border:2px solid #3d6678;border-radius:6px;place-items:center;width:22px;height:22px;font-size:12px;font-style:normal;font-weight:900;display:grid}.keep-login-overlay button.checked{border-color:var(--cyan);background:#0b3548}.keep-login-overlay button.checked>i{border-color:var(--cyan);background:var(--cyan)}.keep-login-overlay button>span{flex-direction:column;display:flex}.keep-login-overlay strong{font-size:7.5px}.keep-login-overlay small{color:#7896a5;margin-top:2px;font-size:5.7px}.keep-login-overlay>b{color:var(--success);white-space:nowrap;font-size:6px}.keep-login-overlay button:disabled{opacity:.55}.login-auto-layout{grid-template-columns:.88fr 1.12fr;gap:14px;height:315px;display:grid}.login-auto-pin,.login-auto-users{background:var(--panel);border-radius:14px;padding:11px 13px;overflow:hidden}.login-auto-pin>header,.login-auto-users>header{border-bottom:1px solid var(--line);align-items:center;height:42px;display:flex}.login-auto-users>header{gap:9px}.login-auto-users>header>span{width:29px;height:29px;color:var(--cyan);background:#0d354a;border-radius:50%;place-items:center;font-size:15px;display:grid}.login-auto-pin header div,.login-auto-users button div,.login-auto-users header div{flex-direction:column;display:flex}.login-auto-pin header strong,.login-auto-users header strong{font-size:11px}.login-auto-pin header small,.login-auto-users header small{color:#7896a5;margin-top:2px;font-size:6.5px}.login-auto-user-list{height:245px;padding-top:6px;overflow-y:auto}.login-auto-user-list button{text-align:left;background:#08263a;border:1px solid #0000;border-radius:10px;grid-template-columns:33px 1fr 32px;align-items:center;gap:8px;width:100%;height:49px;margin-bottom:6px;padding:6px 8px;display:grid}.login-auto-user-list button.active{border-color:var(--cyan);background:#0b3548}.login-auto-user-list button>span{width:31px;height:31px;color:var(--cyan);background:#153f53;border-radius:50%;place-items:center;font-size:13px;font-weight:900;display:grid}.login-auto-user-list button strong{font-size:9px}.login-auto-user-list button small{color:#7896a5;font-size:6px}.login-auto-user-list button>b{color:var(--cyan);font-size:5.5px}.login-auto-pin>header{justify-content:space-between}.login-auto-pin>header>span{letter-spacing:6px;color:var(--cyan);font-size:14px}.login-auto-pin>header>span.error{color:var(--danger)}.login-auto-keypad{grid-template-columns:repeat(3,1fr);gap:6px;height:203px;padding-top:7px;display:grid}.login-auto-keypad button{color:#eefcff;background:#0c3045;border-radius:9px;font-size:16px;font-weight:850}.login-auto-keypad button:active{background:var(--cyan);color:#03242c}.login-auto-keypad button.clear{color:#9bb2bd;font-size:7px}.login-auto-status{height:26px;color:var(--success);justify-content:center;align-items:center;font-size:7px;display:flex}.login-auto-status .checking{color:var(--cyan)}.login-auto-status .error{color:var(--danger);font-weight:750}.login-auto-card{grid-template-columns:1fr 88px;gap:7px;height:34px;display:grid}.login-auto-card input{color:#eefcff;background:#041521;border:1px solid #1d4d63;border-radius:8px;height:29px;padding:0 8px;font-size:7px}.login-auto-card button{height:29px;color:var(--cyan);background:#123b51;border-radius:15px;font-size:7px;font-weight:850}.access-pro-loading{color:#7896a5;place-items:center;height:290px;font-size:9px;display:grid}.access-pro-tabs{grid-template-columns:repeat(3,1fr);gap:7px;height:34px;margin-bottom:8px;display:grid}.access-pro-tabs button{color:#7896a5;background:#08263a;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-size:8px;font-weight:800;display:flex}.access-pro-tabs button span{color:#4b7889;font-size:6px}.access-pro-tabs button.active{background:var(--cyan);color:#03242c}.access-pro-tabs button.active span{color:#087c7a}.access-pro-body{gap:11px;height:267px;display:grid}.access-pro-card{background:var(--panel);border:1px solid #0b2c42;border-radius:13px;padding:9px 11px;overflow:hidden}.access-pro-card>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:34px;display:flex}.access-pro-card>header>div{flex-direction:column;display:flex}.access-pro-card>header strong{font-size:9px}.access-pro-card>header small{color:#7896a5;margin-top:2px;font-size:5.7px}.access-pro-security{grid-template-columns:1.42fr .78fr}.access-pro-card.policy>header>b{color:var(--cyan);text-transform:uppercase;background:#12374b;border-radius:10px;padding:4px 7px;font-size:5.5px}.access-pro-modes{grid-template-columns:repeat(3,1fr);gap:5px;height:65px;padding-top:6px;display:grid}.access-pro-modes button{text-align:left;background:#08263a;border:1px solid #0000;border-radius:8px;flex-direction:column;padding:6px;display:flex}.access-pro-modes button.active{border-color:var(--cyan);background:#0b3548}.access-pro-modes strong{font-size:6.8px}.access-pro-modes small{color:#7896a5;margin-top:3px;font-size:5px;line-height:1.35}.access-pro-settings{grid-template-columns:1fr 1fr;gap:0 9px;height:116px;display:grid}.access-pro-settings>label{border-bottom:1px solid #0e3047;grid-template-columns:1fr 91px;align-items:center;height:39px;display:grid}.access-pro-settings>label:nth-child(3){grid-template-columns:1fr 49px 24px}.access-pro-session-setting>span,.access-pro-settings span{color:#a9c0cb;font-size:6.5px}.access-pro-form-grid input,.access-pro-form-grid select,.access-pro-pin-fields input,.access-pro-session-setting input,.access-pro-settings input,.access-pro-settings select{color:#eefcff;background:#041521;border:1px solid #1d4d63;border-radius:7px;outline:0;height:26px;padding:0 7px;font-size:7.5px}.access-pro-session-setting>b,.access-pro-settings b{text-align:right;color:#7896a5;font-size:5.5px}.access-pro-session-setting{border-bottom:1px solid #0e3047;grid-column:1/-1;grid-template-columns:1fr 45px 20px 145px;align-items:center;gap:4px;height:38px;display:grid}.access-pro-session-setting>button{background:#08263a;border:1px solid #1d4d63;border-radius:7px;align-items:center;gap:6px;height:27px;padding:0 7px;display:flex}.access-pro-session-setting>button i{border:1px solid #507180;border-radius:4px;place-items:center;width:15px;height:15px;font-size:8px;font-style:normal;display:grid}.access-pro-session-setting>button em{white-space:nowrap;font-size:5.8px;font-style:normal}.access-pro-session-setting>button.checked{border-color:var(--cyan);color:var(--cyan)}.access-pro-session-setting>button.checked i{background:var(--cyan);color:#03242c;border-color:var(--cyan)}.access-pro-save{background:var(--cyan);color:#03242c;border-radius:14px;width:100%;height:27px;font-size:7px;font-weight:900}.access-pro-card.account>header>span{width:27px;height:27px;color:var(--cyan);background:#153f53;border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid}.access-pro-current{border-bottom:1px solid #0e3047;justify-content:space-between;align-items:center;height:31px;display:flex}.access-pro-current strong{font-size:8px}.access-pro-current small{color:var(--success);font-size:5.5px}.access-pro-pin-title{flex-direction:column;justify-content:center;height:38px;display:flex}.access-pro-pin-title strong{font-size:8px}.access-pro-pin-title small{color:#7896a5;margin-top:2px;font-size:5.5px}.access-pro-pin-fields{gap:5px;display:grid}.access-pro-pin-fields input{width:100%;height:27px}.access-pro-change,.access-pro-logout{border-radius:13px;width:100%;height:26px;margin-top:5px;font-size:7px;font-weight:850}.access-pro-change{background:var(--cyan);color:#03242c}.access-pro-logout{color:#9bc4d1;background:#112f43}.access-pro-users{grid-template-columns:1.05fr .95fr}.access-pro-card.user-list>header button{background:var(--cyan);color:#03242c;border-radius:12px;height:23px;padding:0 9px;font-size:6.5px;font-weight:850}.access-pro-user-scroll{height:214px;overflow-y:auto}.access-pro-user-scroll article{border-bottom:1px solid #0e3047;grid-template-columns:27px 1fr 34px 32px 22px;align-items:center;gap:5px;height:42px;display:grid}.access-pro-user-scroll article.disabled{opacity:.45}.access-pro-user-scroll article>span{width:24px;height:24px;color:var(--cyan);background:#143d50;border-radius:50%;place-items:center;font-size:9px;font-weight:900;display:grid}.access-pro-user-scroll article>div{flex-direction:column;display:flex}.access-pro-user-scroll article strong{font-size:7.5px}.access-pro-user-scroll article small{color:#7896a5;font-size:5.2px}.access-pro-user-scroll article>b{color:var(--success);font-size:5px}.access-pro-user-scroll article>button{height:21px;color:var(--cyan);background:#13394e;border-radius:11px;font-size:5.5px}.access-pro-user-scroll article>button.delete{color:#ff9d9a;background:#49262d;font-size:11px}.access-pro-form-grid{grid-template-columns:1fr 1fr;gap:5px 7px;padding-top:6px;display:grid}.access-pro-form-grid label{flex-direction:column;gap:3px;height:50px;display:flex}.access-pro-form-grid label.wide{grid-column:1/-1}.access-pro-form-grid label>span{color:#9bb2bd;font-size:5.8px}.access-pro-form-grid input,.access-pro-form-grid select{width:100%;height:28px}.access-pro-form-actions{align-items:center;gap:5px;height:32px;display:flex}.access-pro-form-actions button{color:#9bc4d1;background:#112f43;border-radius:13px;height:25px;padding:0 8px;font-size:6px}.access-pro-form-actions button:first-child{align-items:center;gap:5px;margin-right:auto;display:flex}.access-pro-form-actions button:first-child i{border:1px solid #507180;border-radius:4px;place-items:center;width:13px;height:13px;font-style:normal;display:grid}.access-pro-form-actions button.enabled{color:var(--cyan)}.access-pro-form-actions button.enabled i{background:var(--cyan);color:#03242c}.access-pro-form-actions button.save{background:var(--cyan);color:#03242c;font-weight:850}.access-pro-audit{grid-template-columns:1.4fr .6fr}.access-pro-card.audit>header,.access-pro-card.matrix>header{height:27px}.access-pro-matrix-head,.access-pro-matrix-row{border-bottom:1px solid #0e3047;grid-template-columns:1.5fr repeat(5,.52fr);align-items:center;height:22px;display:grid}.access-pro-matrix-head b,.access-pro-matrix-head span{color:#7896a5;text-align:center;font-size:5px}.access-pro-matrix-head span{text-align:left}.access-pro-matrix-row span{font-size:6.2px}.access-pro-matrix-row i{text-align:center;color:#446675;font-size:7px;font-style:normal}.access-pro-matrix-row i.yes{color:var(--success)}.access-pro-card.audit>div{border-bottom:1px solid #0e3047;grid-template-columns:9px 1fr 32px;align-items:center;height:30px;display:grid}.access-pro-card.audit>div>span{color:var(--success)}.access-pro-card.audit>div>span.failed{color:var(--danger)}.access-pro-card.audit p{flex-direction:column;margin:0;display:flex}.access-pro-card.audit p strong{font-size:6px}.access-pro-card.audit p small,.access-pro-card.audit time{color:#7896a5;font-size:5px}.access-pro-card.audit time{text-align:right}.access-pro-notice{z-index:12;color:var(--success);background:#153a31;border-radius:11px;padding:6px 10px;font-size:6.5px;position:absolute;bottom:18px;right:24px;box-shadow:0 4px 15px #0008}.access-pro-notice.error{color:#ffaaa7;background:#46272d}.header-identity{justify-content:flex-start;align-items:center;gap:5px;height:40px;margin-left:7px;display:flex}.header-identity.signed-out{flex:0 0 62px;width:62px;min-width:62px}.header-identity.signed-in{flex:0 0 142px;width:142px;min-width:142px}.header-identity .role-chip{text-align:left;background:0 0;grid-template-rows:1fr 1fr;grid-template-columns:auto auto;align-items:center;column-gap:3px;width:82px;min-width:82px;height:36px;padding:3px;display:grid}.header-identity .role-chip>span{color:#87a1ad;align-self:end;font-size:7px}.header-identity .role-chip>strong{white-space:nowrap;text-overflow:ellipsis;align-self:end;max-width:58px;font-size:8px;overflow:hidden}.header-identity .role-chip>small{color:var(--cyan);text-align:center;grid-column:1/-1;align-self:start;font-size:5.5px}.header-login,.header-logout{letter-spacing:0;white-space:nowrap;border-radius:6px;flex:none;justify-content:center;align-items:center;height:24px;padding:0 8px;font-size:6.2px;font-weight:850;line-height:1;display:inline-flex}.header-login{min-width:54px;color:var(--cyan);background:#103a46;border:1px solid #2b8c91}.header-logout{color:#ff9f9d;background:#3a252b;border:1px solid #744047;min-width:55px}.header-login:hover{color:#a4fffb;background:#164a55}.header-logout:hover{color:#ffc0be;background:#4a2b32}.global-header .language-switch{margin-right:8px}.global-header .clock{margin-right:0}.global-header .connection{margin-left:7px;margin-right:6px}.network-status .status-metric{height:36px}.network-status .network-facts{height:43px}.network-status .device-danger-lite{min-width:106px;margin-top:7px}.wifi-connect-card .device-field{height:31px}.wifi-connect-card .network-actions{height:32px}.wifi-connect-card .network-actions button:disabled{opacity:.55;cursor:wait}.wifi-scan-results{scrollbar-width:thin;scrollbar-color:#1f6174 transparent;border-top:1px solid #0e3047;height:65px;overflow-y:auto}.wifi-scan-results>button{color:#dffaff;text-align:left;background:0 0;border-bottom:1px solid #0b2a3f;grid-template-columns:35px 1fr 48px 29px;align-items:center;gap:5px;width:100%;height:25px;padding:0 5px;display:grid}.wifi-scan-results>button.selected,.wifi-scan-results>button:hover{background:#0c3548}.wifi-scan-results>button.selected{box-shadow:inset 2px 0 var(--cyan)}.wifi-scan-results .wifi-signal{letter-spacing:-.5px;color:var(--cyan);font-size:6px}.wifi-scan-results strong{white-space:nowrap;text-overflow:ellipsis;font-size:7px;overflow:hidden}.wifi-scan-results small{color:#7896a5;text-align:right;font-size:5px}.wifi-scan-results b{color:var(--success);text-align:right;font-size:6px}.wifi-scan-empty,.wifi-scan-message{color:#7896a5;justify-content:center;align-items:center;gap:7px;height:64px;font-size:7px;display:flex}.wifi-scan-message i{border:2px solid #27576a;border-top:2px solid var(--cyan);border-radius:50%;width:13px;height:13px;animation:wifi-scan-spin .8s linear infinite}@keyframes wifi-scan-spin{to{transform:rotate(1turn)}}.login-auto-status{justify-content:space-between;gap:7px}.login-auto-status>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.login-auto-status>button{color:#89a8b5;white-space:nowrap;background:#08263a;border:1px solid #28566b;border-radius:11px;align-items:center;gap:5px;height:21px;padding:0 7px;font-size:6px;display:flex}.login-auto-status>button i{border:1px solid #507180;border-radius:4px;place-items:center;width:12px;height:12px;font-size:7px;font-style:normal;display:grid}.login-auto-status>button.checked{border-color:var(--cyan);color:var(--cyan)}.login-auto-status>button.checked i{background:var(--cyan);border-color:var(--cyan);color:#03242c}.access-pro-first-admin,.login-auto-bootstrap{text-align:center;color:#7896a5;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.access-pro-first-admin>span,.login-auto-bootstrap>span{color:var(--cyan);margin-bottom:7px;font-size:17px}.access-pro-first-admin>strong,.login-auto-bootstrap>strong{color:#dffaff;font-size:9px}.access-pro-first-admin>small,.login-auto-bootstrap>small{max-width:180px;margin-top:3px;font-size:6px;line-height:1.45}.login-auto-bootstrap>button{background:var(--cyan)!important;color:#03242c!important;text-align:center!important;border:0!important;border-radius:15px!important;width:auto!important;height:29px!important;margin:10px 0 0!important;padding:0 13px!important;font-size:7px!important;font-weight:850!important;display:block!important}.reservoir-layout .device-card:nth-child(2) .reservoir-config-grid{padding-top:2px}.reservoir-layout .device-card:nth-child(2) .reservoir-config-grid label{height:29px}.reservoir-layout .device-card:nth-child(2) .reservoir-config-grid input{height:23px}.reservoir-layout .device-card:nth-child(2) .channel-map{border-top:1px solid #164158;align-items:center;height:39px;margin-top:2px;padding-top:4px}.reservoir-layout .device-card:nth-child(2) .channel-map span{border-left:2px solid #1e6678;min-width:0;padding-left:8px}.reservoir-layout .device-card:nth-child(2) .channel-map small{font-size:7px;line-height:1.15}.reservoir-layout .device-card:nth-child(2) .channel-map b{color:#effcff;white-space:nowrap;font-size:9.5px;line-height:1.25}.reservoir-tabbar{justify-content:space-between;align-items:flex-start;gap:10px;height:36px;display:flex}.reservoir-tabs{background:#071c2d;border-radius:16px;grid-template-columns:repeat(3,142px);gap:6px;height:31px;padding:3px;display:grid}.reservoir-tabs button{color:#7896a5;white-space:nowrap;background:0 0;border-radius:13px;justify-content:center;align-items:center;gap:6px;height:25px;padding:0 11px;display:flex}.reservoir-tabs button strong{font-size:7.5px}.reservoir-tabs button small{color:#617f8f;font-size:5.5px}.reservoir-tabs button.active{background:var(--cyan);color:#03242c;box-shadow:0 3px 10px #21dbd329}.reservoir-tabs button.active small{color:#15535b}.reservoir-tab-status{white-space:nowrap;border-radius:13px;align-items:center;gap:6px;height:25px;margin-top:3px;padding:0 10px;font-size:6.5px;display:flex}.reservoir-tab-status i{background:currentColor;border-radius:50%;width:7px;height:7px}.reservoir-tab-status.ready{color:var(--success);background:#15352a}.reservoir-tab-status.attention{color:var(--warning);background:#3b2922}.reservoir-tabbar{height:34px}.reservoir-tabbar~.device-two-panel,.reservoir-tabbar~.reservoir-manage-layout{height:234px}.reservoir-tabbar~.device-settings-footer{align-items:flex-end;height:49px}.reservoir-tabbar~.device-settings-footer>span{align-self:center}.reservoir-tabbar~.device-settings-footer>button{margin-bottom:0}.reservoir-add-backdrop{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020d17d9;place-items:center;display:grid;position:absolute;inset:-8px -34px -35px}.reservoir-add-dialog{background:#071c2d;border:1px solid #216074;border-radius:16px;width:440px;min-height:270px;padding:12px 15px;box-shadow:0 18px 45px #000b}.reservoir-add-dialog>header{border-bottom:1px solid #164158;grid-template-columns:34px 1fr;align-items:center;gap:8px;height:43px;display:grid}.reservoir-add-dialog>header>span{width:29px;height:29px;color:var(--cyan);background:#0d3449;border-radius:9px;place-items:center;font-size:16px;font-weight:900;display:grid}.reservoir-add-dialog>header>div{flex-direction:column;display:flex}.reservoir-add-dialog>header strong{font-size:11px}.reservoir-add-dialog>header small{color:#7896a5;margin-top:2px;font-size:6px}.reservoir-add-fields{padding-top:4px}.reservoir-add-fields>label{border-bottom:1px solid #0e3047;grid-template-columns:112px 1fr;align-items:center;height:34px;display:grid}.reservoir-add-fields>label>span:first-child{color:#9bb2bd;font-size:8px}.reservoir-add-fields input:not([type=color]),.reservoir-add-fields select{color:#eefcff;background:#041521;border:1px solid #1d4d63;border-radius:7px;width:100%;height:26px;padding:0 8px;font-size:8px}.reservoir-add-fields .reservoir-color-field{height:26px}.reservoir-replace-warning{color:#ffc977;background:#3b2922;border-radius:8px;min-height:31px;margin:5px 0 0;padding:6px 9px;font-size:6.5px;line-height:1.4}.reservoir-add-dialog>footer{justify-content:flex-end;align-items:flex-end;gap:7px;height:38px;display:flex}.reservoir-add-dialog>footer button{border-radius:15px;min-width:96px;height:29px;font-size:8px;font-weight:850}.reservoir-add-dialog>footer button.primary{background:var(--cyan);color:#03242c}.bottle-grid{margin-top:17px}.bottle-grid .chemical{margin-bottom:9px;line-height:19px}.bottle-grid .liquid{transition:height .2s ease-out}.bottle-process-status{letter-spacing:.08px;color:#0000;white-space:nowrap;height:13px;margin-top:1px;font-size:7.2px;font-weight:850;line-height:13px;display:block}.bottle-process-status.refilling{color:var(--cyan);animation:ro-refill-status 1.1s ease-in-out infinite}.bottle-process-status.finished{color:var(--success)}.bottle-process-status.warning{animation:reservoir-warning-fade 2.4s ease-in-out infinite;transform:translateY(-2px)}.bottle-process-status.warning.low{color:var(--warning)}.bottle-process-status.warning.critical,.bottle-process-status.warning.dead{color:var(--danger)}.bottle-process-status.warning.dead{font-weight:950}.bottle-gauge.refilling .bottle{border-color:#62fff7;box-shadow:inset 0 0 0 3px #102c3d,0 0 10px #35fff238}.bottle-gauge.refilling .liquid:before{content:"";background:#ffffff42;border-radius:50%;width:120%;height:9px;animation:ro-refill-wave 1.2s ease-in-out infinite;position:absolute;top:-5px;left:-10%}@keyframes ro-refill-wave{0%,to{transform:translate(-4%)scaleY(.7)}50%{transform:translate(4%)scaleY(1)}}@keyframes ro-refill-status{0%,to{opacity:.55}50%{opacity:1}}@keyframes reservoir-warning-fade{0%,to{opacity:.38}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.bottle-gauge.refilling .liquid:before,.bottle-process-status.refilling,.bottle-process-status.warning{animation:none!important}}.access-pro-tabs.rbac{grid-template-columns:repeat(4,1fr)}.rbac-role-layout{grid-template-columns:.78fr 1.22fr}.rbac-role-list>header button{background:var(--cyan);color:#03242c;border-radius:12px;height:23px;padding:0 8px;font-size:6px;font-weight:850}.rbac-role-list>div{height:214px;padding-top:4px;overflow-y:auto}.rbac-role-list>div>button{text-align:left;background:0 0;border-bottom:1px solid #0e3047;grid-template-columns:22px 1fr 40px;align-items:center;gap:5px;width:100%;height:39px;padding:0 3px;display:grid}.rbac-role-list>div>button.active{border-bottom-color:var(--cyan);background:#0b3548;border-radius:7px}.rbac-role-list>div>button>span{color:var(--cyan);font-size:10px}.rbac-role-list p{flex-direction:column;margin:0;display:flex}.rbac-role-list p strong{font-size:7px}.rbac-role-list p small{color:#7896a5;font-size:5px}.rbac-role-list>div>button>b{color:#7896a5;text-align:right;font-size:4.8px}.rbac-role-editor>header{height:30px}.rbac-role-fields{grid-template-columns:.8fr .8fr 1.4fr;align-items:center;gap:5px;height:38px;display:grid}.rbac-role-fields input{color:#eefcff;background:#041521;border:1px solid #1d4d63;border-radius:7px;height:25px;padding:0 7px;font-size:6.5px}.rbac-role-fields input:disabled{opacity:.55}.rbac-permission-grid{grid-template-columns:repeat(3,1fr);gap:5px;height:155px;padding:5px 0;display:grid}.rbac-permission-grid button{text-align:left;background:#08263a;border:1px solid #153d51;border-radius:7px;grid-template-columns:17px 1fr;align-items:center;gap:4px;padding:4px;display:grid}.rbac-permission-grid button i{border:1px solid #4c6f7d;border-radius:4px;place-items:center;width:14px;height:14px;font-size:7px;font-style:normal;display:grid}.rbac-permission-grid button span{font-size:5.7px;line-height:1.2}.rbac-permission-grid button.checked{border-color:var(--cyan);color:var(--cyan)}.rbac-permission-grid button.checked i{background:var(--cyan);color:#03242c;border-color:var(--cyan)}.rbac-permission-grid button:disabled{opacity:.6}.rbac-role-actions{align-items:center;gap:5px;height:28px;display:flex}.rbac-role-actions button{color:#9bc4d1;background:#112f43;border-radius:12px;height:24px;padding:0 8px;font-size:6px}.rbac-role-actions button:first-child{margin-right:auto}.rbac-role-actions button.enabled{color:var(--success)}.rbac-role-actions button.delete{color:#ff9d9a;background:#45262d}.rbac-role-actions button.save{background:var(--cyan);color:#03242c;font-weight:850}.rbac-permission-review>header{height:30px}.rbac-permission-review>header select{color:#eefcff;background:#041521;border:1px solid #1d4d63;border-radius:7px;min-width:120px;height:23px;padding:0 6px;font-size:6px}.rbac-review-grid{grid-template-columns:repeat(3,1fr);gap:6px;height:215px;padding-top:7px;display:grid}.rbac-review-grid>div{background:#08263a;border:1px solid #153d51;border-radius:8px;align-items:center;gap:7px;padding:6px;display:flex}.rbac-review-grid>div i{color:#547281;background:#102c3d;border-radius:50%;place-items:center;width:18px;height:18px;font-size:8px;font-style:normal;display:grid}.rbac-review-grid>div span{font-size:6.5px}.rbac-review-grid>div.allowed{border-color:#2e725b}.rbac-review-grid>div.allowed i{color:var(--success);background:#153a31}.reservoir-catalog-editor>header,.reservoir-catalog-list>header{grid-template-columns:33px 1fr auto}.reservoir-catalog-list>header>button{background:var(--cyan);color:#03242c;border-radius:12px;height:23px;padding:0 9px;font-size:7px;font-weight:900}.reservoir-catalog-rows{height:140px;padding-top:2px}.reservoir-catalog-rows>button{text-align:left;border-bottom:1px solid #0e3047;grid-template-columns:12px 1fr 55px;align-items:center;gap:7px;width:100%;height:28px;padding:0 5px;display:grid}.reservoir-catalog-rows>button.active{box-shadow:inset 2px 0 var(--cyan);background:#0b3548;border-radius:6px}.reservoir-catalog-rows>button.disabled{opacity:.58}.reservoir-catalog-rows>button>i{border-radius:5px;width:9px;height:18px;box-shadow:inset 2px 0 4px #fff4}.reservoir-catalog-rows>button>span{flex-direction:column;min-width:0;display:flex}.reservoir-catalog-rows strong{white-space:nowrap;text-overflow:ellipsis;font-size:7.5px;overflow:hidden}.reservoir-catalog-rows small{color:#7896a5;font-size:5px}.reservoir-catalog-rows em{color:var(--success);text-align:right;font-size:5.5px;font-style:normal}.reservoir-catalog-rows>button.disabled em{color:#7896a5}.reservoir-catalog-controls{justify-content:center;align-items:flex-end;gap:10px;height:32px;display:flex}.reservoir-catalog-controls button{color:#03242c;background:linear-gradient(145deg,#b4fffb,#31eee5);border-radius:50%;place-items:center;width:29px;height:29px;display:grid;box-shadow:0 0 8px #35fff255}.reservoir-catalog-controls button:disabled{color:#7896a5;box-shadow:none;opacity:.45;background:#244b5c}.reservoir-catalog-controls svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.reservoir-catalog-controls span{color:#8aa5b2;align-items:center;height:29px;font-size:7px;display:flex}.reservoir-catalog-editor>header>b{border-radius:10px;place-items:center;height:20px;padding:0 7px;font-size:5.5px;display:grid}.reservoir-catalog-editor>header>b.active{color:var(--success);background:#15352a}.reservoir-catalog-editor>header>b.disabled{color:#8ba3ae;background:#233341}.reservoir-catalog-note{border-radius:8px;grid-template-columns:100px 1fr;align-items:center;height:38px;padding:0 8px;display:grid}.reservoir-catalog-note.active{background:#15352a}.reservoir-catalog-note.disabled{background:#102b3c}.reservoir-catalog-note b{color:var(--cyan);font-size:5.8px}.reservoir-catalog-note span{color:#93aab4;font-size:5.8px;line-height:1.3}.reservoir-catalog-empty{color:#7896a5;place-items:center;height:170px;font-size:8px;display:grid}.reservoir-add-dialog.compact{width:410px;min-height:235px}.reservoir-add-dialog.compact .reservoir-add-fields>label{height:36px}.reservoir-catalog-controls{align-items:flex-start;gap:12px;height:37px;padding-top:6px}.reservoir-catalog-controls button{width:28px;height:28px}.reservoir-catalog-controls span{height:28px}.reservoir-catalog-editor .reservoir-catalog-note{visibility:hidden}.reservoir-assignment-panel{z-index:6;background:#0a293b;border-radius:8px;grid-template-columns:132px auto 1fr;align-items:center;gap:7px;width:356px;height:38px;padding:0 8px;display:grid;position:absolute;top:190px;right:47px}.reservoir-assignment-panel label{grid-template-columns:64px 62px;align-items:center;gap:5px;display:grid}.reservoir-assignment-panel label>span{color:#9bb2bd;font-size:5.8px}.reservoir-assignment-panel select{color:#eefcff;background:#041521;border:1px solid #1d4d63;border-radius:6px;height:23px;padding:0 6px;font-size:7px}.reservoir-assignment-panel select:disabled{opacity:.45}.reservoir-assignment-panel>b{width:max-content;color:var(--success);white-space:nowrap;background:#15352a;border-radius:10px;padding:4px 7px;font-size:5.4px}.reservoir-assignment-panel.disabled>b{color:#8ba3ae;background:#233341}.reservoir-assignment-panel>small{color:#8fa8b3;font-size:5.4px;line-height:1.25}.pump-settings-panel{padding:12px 14px}.pump-settings-panel .pump-channel-row{grid-template-columns:repeat(6,1fr);gap:5px;margin-top:6px}.pump-settings-panel .pump-channel-row button{flex-direction:column;justify-content:center;align-items:center;gap:1px;height:42px;display:flex}.pump-settings-panel .pump-channel-row button small{color:inherit;opacity:.75;font-size:4.5px}.pump-settings-panel .pump-channel-row button strong{font-size:10px}.pump-settings-panel .pump-channel-row button span{font-size:4.8px;font-weight:700}.pump-assignment-row{background:#08263a;border-radius:8px;height:47px;margin-top:5px;padding:5px 8px}.pump-assignment-row label{grid-template-columns:1fr 174px;align-items:center;gap:8px;height:23px;display:grid}.pump-assignment-row label>span{color:#a9c0cb;font-size:7px}.pump-assignment-row select{color:#eefcff;background:#041521;border:1px solid #1d4d63;border-radius:6px;height:23px;padding:0 7px;font-size:7px}.pump-assignment-row>small{color:#7896a5;margin-top:3px;font-size:5.3px;display:block}.pump-settings-panel .pump-control-center{grid-template-columns:1fr 1.25fr;gap:11px;margin-top:6px}.pump-settings-panel .prime-button{border-radius:11px;height:38px}.pump-settings-panel .pump-safety{margin-top:6px;padding:6px 9px;font-size:6.5px}.reservoir-catalog-editor>header>span{visibility:hidden}.reservoir-header-slot-select{z-index:7;width:29px;height:29px;color:var(--cyan);text-align:center;cursor:pointer;background:#0d3449;border:0;border-radius:9px;outline:0;font-size:10px;font-weight:900;position:absolute;top:50px;left:391px}.reservoir-header-slot-select:focus{box-shadow:0 0 0 1px var(--cyan),0 0 8px #35fff24d}.reservoir-header-slot-select:disabled{color:#7896a5;opacity:.65;cursor:not-allowed}.reservoir-header-edit{z-index:7;height:18px;color:var(--cyan);background:0 0;border-bottom:1px solid #2b7f87;padding:0 4px;font-size:6px;font-weight:850;position:absolute;top:57px;right:101px}.reservoir-pump-reference{z-index:7;border-top:1px solid #164158;grid-template-columns:27px 53px 1fr auto;align-items:center;gap:6px;height:38px;padding:4px 2px 0;display:grid;position:absolute;top:190px}.reservoir-pump-reference small{color:#6f8d9a;font-size:5px}.reservoir-pump-reference strong{color:var(--cyan);white-space:nowrap;font-size:6.5px}.reservoir-pump-reference span{color:#8fa8b3;font-size:5.5px;line-height:1.25}.reservoir-pump-reference button{height:21px;color:var(--cyan);white-space:nowrap;background:#10344b;border-radius:11px;padding:0 7px;font-size:5.4px;font-weight:800}.reservoir-catalog-editor .reservoir-slot-fields>label:last-child{border-bottom:0}.reservoir-header-number{z-index:7;width:29px;height:29px;color:var(--cyan);background:#0d3449;border-radius:9px;place-items:center;font-size:10px;font-weight:900;display:grid;position:absolute;top:50px;left:391px}.reservoir-header-number select{width:29px;height:29px;color:var(--cyan);text-align:center;cursor:pointer;background:#0d3449;border:0;border-radius:9px;outline:0;font-size:10px;font-weight:900}.reservoir-header-number.editing{box-shadow:0 0 0 1px var(--cyan),0 0 8px #35fff240}.reservoir-header-edit{height:20px;color:var(--success);background:#15352a;border:0;border-radius:10px;place-items:center;padding:0 8px;font-size:5.5px;display:grid;top:55px;right:96px}.reservoir-header-edit.saving{color:#c9fffa;background:#176b68}.reservoir-header-edit:disabled{opacity:.45;cursor:not-allowed}.reservoir-pump-reference{height:29px;padding-top:5px;top:200px}.reservoir-header-number{top:58px}.reservoir-header-edit{top:63px}.reservoir-pump-reference{border-top-color:var(--line);width:356px;top:207px;right:47px}@media (prefers-reduced-motion:reduce){.flow-manifold:after,.liquid:after,.liquid:before,.pump-spinner,.tube:after{animation:none!important}}.sensor-settings-layout{grid-template-columns:1.18fr .82fr;gap:13px;height:247px;display:grid}.sensor-calibration-panel,.sensor-enable-panel{background:var(--panel);border-radius:14px;padding:10px 13px;overflow:hidden}.sensor-calibration-panel>header,.sensor-enable-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:35px;display:flex}.sensor-calibration-panel>header>div,.sensor-enable-panel>header>div{flex-direction:column;display:flex}.sensor-calibration-panel>header strong,.sensor-enable-panel>header strong{font-size:10px}.sensor-calibration-panel>header small,.sensor-enable-panel>header small{color:#7896a5;margin-top:2px;font-size:5.5px}.sensor-enable-panel>header>b{height:20px;color:var(--success);background:#15352a;border-radius:10px;place-items:center;padding:0 8px;font-size:6px;display:grid}.sensor-enable-panel>div>label{border-bottom:1px solid #0e3047;grid-template-columns:35px 1fr 43px 35px;align-items:center;gap:7px;height:39px;display:grid}.sensor-enable-panel>div>label:last-child{border-bottom:0}.sensor-enable-panel>div>label.disabled{opacity:.58}.sensor-mark{width:30px;height:25px;color:var(--cyan);background:#0d3449;border-radius:8px;place-items:center;font-size:8px;font-weight:900;display:grid}.sensor-enable-panel label>div{flex-direction:column;min-width:0;display:flex}.sensor-enable-panel label strong{font-size:8px}.sensor-enable-panel label small{color:#7896a5;white-space:nowrap;text-overflow:ellipsis;font-size:5.7px;overflow:hidden}.sensor-enable-panel label em{color:#7896a5;text-align:right;font-size:5px;font-style:normal}.sensor-enable-panel label:not(.disabled) em{color:var(--success)}.sensor-enable-panel .switch{transform:scale(.8)}.sensor-calibration-panel>header>span{color:#7896a5;font-size:5.5px}.sensor-calibration-targets{grid-template-columns:1fr 1fr;gap:6px;padding-top:7px;display:grid}.sensor-calibration-targets button{text-align:left;background:#09283f;border-radius:8px;grid-template-rows:20px 1fr;grid-template-columns:22px 1fr;height:41px;padding:4px 7px;display:grid}.sensor-calibration-targets button.active{outline:1px solid var(--cyan);background:#0d4b59}.sensor-calibration-targets span{color:var(--cyan);grid-row:1/3;font-size:15px}.sensor-calibration-targets strong{font-size:7px}.sensor-calibration-targets small{color:#7894a3;font-size:5.5px}.sensor-calibration-panel>.primary-pill{width:100%;height:29px;min-height:29px;margin-top:7px;font-size:7px}.sensor-recent-records{margin-top:5px}.sensor-recent-records article{border-top:1px solid #0e3047;grid-template-columns:23px 1fr 50px;align-items:center;height:31px;display:grid}.sensor-recent-records .cal-result{width:17px;height:17px;font-size:7px}.sensor-recent-records article>div{flex-direction:column;display:flex}.sensor-recent-records b,.sensor-recent-records strong{font-size:6.5px}.sensor-recent-records small{color:#7894a4;font-size:5px}.sensor-recent-records b{text-align:right}.sensor-settings-footer{justify-content:flex-end;align-items:center;gap:8px;height:47px;display:flex}.sensor-settings-footer>span{color:var(--success);margin-right:auto;font-size:7px}.sensor-settings-footer>button{height:34px;min-height:34px;font-size:8px}@media (max-width:1023px){.viewport{min-width:0;min-height:0;display:block}.hmi-frame{transform-origin:0 0;transform:scale(calc(100vw / 1024));height:600px}}.result-card.sensor-result{width:732px;padding:12px 18px}.sensor-result .result-heading{justify-content:flex-start;gap:13px;padding:0 7px}.sensor-result .result-heading h2{font-size:21px}.result-sensor-summary{margin-top:7px}.result-sensor-summary>header{height:28px;padding:0 11px}.result-sensor-summary>header strong{font-size:8px}.result-sensor-summary>header small{font-size:6px}.result-sensor-summary>div{grid-template-columns:repeat(3,1fr)}.result-sensor-summary>div>span{height:34px;padding:5px 10px}.result-sensor-summary>div>span:nth-child(3n){border-right:0}.result-sensor-summary>div>span:nth-child(n+7){border-bottom:0}.result-sensor-summary>div>span small{font-size:6px}.result-sensor-summary>div>span b{margin-top:2px;font-size:9px}.sensor-result .result-actions{justify-content:flex-end;margin-top:9px}.sensor-result .result-actions button{height:28px;min-height:28px;padding:0 18px;font-size:8px}.user-history-list>header{font-size:6.7px}.history-log-row time{font-size:8.5px}.history-log-row time:first-child{font-size:8px}.history-log-row>strong{font-size:9px}.history-log-row>span b{font-size:7px}.history-log-row small{font-size:6px}.solution-breakdown>span small{font-size:6.2px}.solution-breakdown>span b{font-size:6.8px}.history-water-compact small{font-size:5.8px!important}.history-water-compact b{font-size:6.5px!important}.history-summary-row{grid-template-columns:1fr 84px;gap:12px;width:100%}.history-summary-row .history-total-strip{width:100%}.history-detail-layout.sensor-detail{grid-template-columns:1fr 1.22fr;gap:12px}.history-detail-profile{padding:16px}.history-detail-profile>header h2{font-size:23px}.history-detail-profile>header p{font-size:10px}.history-detail-profile>header>strong{font-size:26px}.history-meta-grid small,.history-output-grid small{font-size:7px}.history-meta-grid strong{font-size:9px}.history-output-grid strong{font-size:16px}.history-detail-right{grid-template-rows:105px 170px}.history-detail-usage.compact>header small{font-size:5.5px}.history-water-panel>header{height:27px}.history-water-panel>header strong{font-size:8px}.history-water-panel>header small{font-size:5.5px}.history-water-panel>div{grid-template-columns:repeat(3,1fr)}.history-water-panel>div>span{height:42px;padding:6px 8px}.history-water-panel>div>span:nth-child(3n){border-right:0}.history-water-panel>div>span:nth-child(n+7){border-bottom:0}.history-water-panel small{font-size:5.7px}.history-water-panel b{margin-top:3px;font-size:8px}.result-card.sensor-result{width:684px;height:315px;margin:0 auto;padding:12px 16px}.sensor-result .result-heading{text-align:left;justify-content:center;align-items:center;gap:11px;height:51px;display:flex}.sensor-result .result-icon{flex:none;width:43px;height:43px;margin:0;font-size:23px}.sensor-result .result-heading h2{margin:0 0 1px;font-size:19px}.sensor-result .result-heading p{font-size:7px}.sensor-result .result-stats{height:43px;margin-top:3px;padding:5px 8px}.sensor-result .result-stats small{font-size:6px}.sensor-result .result-stats strong{font-size:10px}.result-sensor-summary{background:#071f31;border:1px solid #16445a;border-radius:10px;margin-top:6px;overflow:hidden}.result-sensor-summary>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:25px;padding:0 9px;display:flex}.result-sensor-summary>header strong{color:var(--cyan);font-size:7px}.result-sensor-summary>header small{color:#7896a5;font-size:5px}.result-sensor-summary>div{grid-template-columns:repeat(5,1fr);display:grid}.result-sensor-summary>div>span{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;height:38px;padding:5px 7px;display:flex}.result-sensor-summary>div>span:nth-child(5n){border-right:0}.result-sensor-summary>div>span:nth-child(n+6){border-bottom:0}.result-sensor-summary>div>span small{color:#7596a6;font-size:5px}.result-sensor-summary>div>span b{white-space:nowrap;margin-top:3px;font-size:8px}.sensor-result .result-actions{margin-top:8px}.sensor-result .result-actions button{height:26px;min-height:26px;font-size:7px}.history-log-row,.user-history-list>header{grid-template-columns:62px 35px 60px 72px 43px 48px 139px 76px 57px 8px;column-gap:4px;padding-left:8px;padding-right:8px}.history-log-row>.solution-breakdown{grid-template-columns:repeat(3,1fr);gap:2px}.history-water-compact{grid-template-columns:repeat(2,1fr);gap:2px 4px;display:grid!important}.history-water-compact>span{justify-content:space-between;align-items:center;gap:2px;display:flex}.history-water-compact small{color:var(--cyan)!important;font-size:5px!important}.history-water-compact b{color:#d9edf5;font-size:5.5px!important}.history-row-status{min-width:52px;font-size:5.5px}.history-detail-layout.sensor-detail{grid-template-columns:.82fr 1.38fr}.history-detail-right{grid-template-rows:129px 146px;gap:10px;height:285px;display:grid}.history-detail-usage.compact{padding:9px 12px}.history-detail-usage.compact>header{height:30px}.history-detail-usage.compact>header label{font-size:7px}.history-detail-usage.compact>header small{margin-top:2px;font-size:5px}.history-detail-usage.compact>header>strong{font-size:10px}.history-detail-usage.compact .history-usage-grid{grid-template-columns:repeat(3,1fr);gap:0 9px}.history-detail-usage.compact .history-usage-grid>div{height:39px}.history-detail-usage.compact .history-usage-grid>div span{font-size:7px}.history-detail-usage.compact .history-usage-grid>div strong{font-size:8px}.history-water-panel{background:var(--panel);border-radius:12px;padding:9px 12px;overflow:hidden}.history-water-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:25px;display:flex}.history-water-panel>header strong{color:var(--cyan);font-size:7px}.history-water-panel>header small{color:#7896a5;font-size:4.8px}.history-water-panel>div{grid-template-columns:repeat(5,1fr);display:grid}.history-water-panel>div>span{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;height:50px;padding:6px 5px;display:flex}.history-water-panel>div>span:nth-child(5n){border-right:0}.history-water-panel>div>span:nth-child(n+6){border-bottom:0}.history-water-panel small{color:#7596a6;font-size:4.8px}.history-water-panel b{white-space:nowrap;margin-top:4px;font-size:7px}.route-flush .flush-settings-layout{height:245px}.route-flush .flush-settings-footer{height:31px}.flush-history-card .flush-pending-state{height:34px;margin-top:5px;padding:5px 8px}.flush-history-card .flush-history-list{height:31px}.flush-history-card .flush-empty{height:28px!important}.hold-flush-control{height:122px;padding:6px 0 4px}.hold-flush-metrics{border-bottom:1px solid #0e3047;grid-template-columns:1fr 1fr;height:37px;display:grid}.hold-flush-metrics>span{border-right:1px solid #0e3047;flex-direction:column;justify-content:center;align-items:center;display:flex}.hold-flush-metrics>span:last-child{border:0}.hold-flush-metrics small{color:#7896a5;font-size:5.5px}.hold-flush-metrics strong{color:#effcff;font-variant-numeric:tabular-nums;margin-top:1px;font-size:12px}.hold-flush-metrics strong b{color:#7896a5;font-size:6px;font-weight:600}.hold-flush-button{color:#cafffb;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#0d4b5b,#0a3347);border:1px solid #2c8390;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-top:6px;display:flex;box-shadow:inset 0 1px #71fff02c}.hold-flush-button>span{color:var(--cyan);font-size:17px}.hold-flush-button>strong{letter-spacing:.3px;font-size:8px}.hold-flush-control.running .hold-flush-button{color:#fff;background:linear-gradient(#0ba99f,#08746f);border-color:#70fff4;box-shadow:0 0 13px #2effe253}.hold-flush-control.running .hold-flush-button>span{color:#eaffff;animation:pulse 1s infinite}.hold-flush-button:disabled{opacity:.55}.hold-flush-control>p{text-align:center;color:#7896a5;height:20px;margin:4px 0 0;font-size:5.5px}.hold-flush-control>p.error{color:var(--danger)}.dashboard-flush-reminder{color:#ffcf70;background:#3b2e20;border-radius:15px;justify-content:center;align-items:center;gap:7px;height:28px;display:flex;position:absolute;bottom:78px;left:284px;right:284px;box-shadow:0 0 0 1px #8c683a66}.dashboard-flush-reminder span{color:#392817;background:#ffca68;border-radius:50%;place-items:center;width:15px;height:15px;font-size:8px;font-weight:900;display:grid}.dashboard-flush-reminder b{font-size:7px}.dashboard-flush-reminder small{color:#d6aa64;font-size:6px}.dashboard-flush-reminder{z-index:4}.bottle-grid{z-index:3;position:relative}.machine-flushing{color:var(--cyan)!important}.dashboard-actions{grid-template-columns:1.1fr .85fr .85fr;left:150px;right:150px}.dashboard-flush{color:#bffefa;background:#0a3046;border:1px solid #1b8290;border-radius:23px;box-shadow:0 7px 20px #00131f66}.dashboard-flush span{color:var(--cyan);font-size:19px}.dashboard-flush b{color:var(--success);letter-spacing:.7px;font-size:6px}.dashboard-flush.required{background:#352b20;border-color:#ffbf52}.dashboard-flush.required b{color:#ffcd68}.sensor-result .result-actions{gap:6px}.sensor-result .result-actions button{padding:0 12px}.cleaning-actions{grid-template-columns:repeat(2,1fr)}.flush-settings-layout{grid-template-columns:1fr 1fr;gap:13px;height:226px;display:grid}.flush-settings-card{background:var(--panel);border-radius:14px;padding:10px 13px;overflow:hidden}.flush-settings-card>header{border-bottom:1px solid var(--line);grid-template-columns:33px 1fr;align-items:center;gap:8px;height:40px;display:grid}.flush-settings-card>header>span{width:29px;height:29px;color:var(--cyan);background:#0d3449;border-radius:9px;place-items:center;font-size:18px;font-weight:850;display:grid}.flush-settings-card>header>div{flex-direction:column;display:flex}.flush-settings-card>header strong{font-size:10px}.flush-settings-card>header small{color:#7896a5;margin-top:2px;font-size:6px}.flush-settings-card>label{border-bottom:1px solid #0e3047;grid-template-columns:1fr 72px 25px;align-items:center;height:31px;display:grid}.flush-settings-card>label span{color:#a9c0cb;font-size:8px}.flush-settings-card>label input{color:#edfaff;text-align:right;background:#041521;border:1px solid #1d4d63;border-radius:7px;height:24px;padding:0 7px;font-size:9px}.flush-settings-card>label b{text-align:right;color:#7896a5;font-size:7px}.flush-switches{grid-template-columns:1fr 1fr;gap:7px;padding-top:8px;display:grid}.flush-switches button{color:#8ca8b5;text-align:left;background:#0a293d;border-radius:8px;align-items:center;gap:5px;height:30px;padding:0 7px;font-size:6.5px;display:flex}.flush-switches button.checked{color:#dffffa}.flush-switches i,.pitcher-check i{color:#06282d;background:#071d2b;border:1px solid #315b6c;border-radius:4px;flex:none;place-items:center;width:16px;height:16px;font-style:normal;display:grid}.flush-switches button.checked i,.pitcher-check.checked i{background:var(--cyan);border-color:var(--cyan)}.flush-pending-state{border-radius:9px;flex-direction:column;justify-content:center;height:45px;margin-top:7px;padding:7px 9px;display:flex}.flush-pending-state.ready{color:var(--success);background:#14372f}.flush-pending-state.required{color:#ffca68;background:#3b2e20}.flush-pending-state b{font-size:8px}.flush-pending-state small{color:#9bb0b8;margin-top:2px;font-size:5.5px}.flush-history-list{height:91px}.flush-history-list>div{border-bottom:1px solid #0e3047;grid-template-columns:18px 1fr 52px;align-items:center;gap:5px;height:30px;display:grid}.flush-history-list>div>span{width:15px;height:15px;color:var(--success);background:#15352a;border-radius:50%;place-items:center;font-size:7px;display:grid}.flush-history-list p{flex-direction:column;margin:0;display:flex}.flush-history-list p b{font-size:7px}.flush-history-list p small{color:#7896a5;font-size:5px}.flush-history-list em{color:var(--success);text-transform:uppercase;text-align:right;font-size:5.5px;font-style:normal}.flush-empty{color:#7896a5;place-items:center;font-size:7px;height:86px!important;display:grid!important}.flush-history-card .device-wide-action{height:26px;margin-top:4px}.flush-settings-footer{justify-content:flex-end;align-items:center;gap:8px;height:48px;display:flex}.flush-settings-footer>span{color:#8ea8b3;margin-right:auto;font-size:7px}.flush-settings-footer button{height:35px;min-height:35px;font-size:9px}.flushing-panel{background:var(--panel);border-radius:18px;width:690px;height:300px;margin:2px auto 0;padding:18px 22px}.flush-hero{grid-template-columns:58px 1fr;align-items:center;gap:13px;height:72px;display:grid}.flush-hero>span{width:52px;height:52px;color:var(--cyan);background:#0c3b4d;border-radius:50%;place-items:center;font-size:30px;display:grid}.flush-hero h2{margin:0 0 5px;font-size:20px}.flush-hero p{color:#8fa9b6;max-width:520px;margin:0;font-size:8px;line-height:1.45}.flush-confirm-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);height:58px;margin:4px 0 10px;display:grid}.flush-confirm-grid>div{border-right:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;display:flex}.flush-confirm-grid>div:last-child{border:0}.flush-confirm-grid small,.flush-live-grid small,.flush-running-head small{color:#7896a5;font-size:6px}.flush-confirm-grid strong{margin-top:2px;font-size:15px}.good{color:var(--success)!important}.bad{color:var(--danger)!important}.pitcher-check{text-align:left;background:#08283b;border:1px solid #16475b;border-radius:11px;align-items:center;gap:11px;width:100%;height:52px;padding:0 14px;display:flex}.pitcher-check.checked{border-color:var(--cyan);background:#0b3445}.pitcher-check i{width:23px;height:23px}.pitcher-check span{flex-direction:column;display:flex}.pitcher-check b{font-size:10px}.pitcher-check small{color:#7896a5;margin-top:3px;font-size:6px}.flush-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.flush-actions button{height:34px;min-height:34px;font-size:9px}.flush-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.flush-state>span{width:56px;height:56px;color:var(--cyan);background:#0c3b4d;border-radius:50%;place-items:center;font-size:28px;display:grid}.flush-state h2{margin:13px 0 5px;font-size:22px}.flush-state p{color:#8fa9b6;margin:0 0 18px;font-size:9px}.flush-state>div{gap:8px;display:flex}.flush-state button{height:35px;min-height:35px;font-size:9px}.flush-state.complete>span{color:var(--success);background:#153b2c}.flush-state.fault>span{color:var(--danger);background:#40262d}.flush-running-head{justify-content:space-between;align-items:center;height:74px;display:flex}.flush-running-head>div{flex-direction:column;display:flex}.flush-running-head>div:last-child{text-align:right}.flush-running-head h2{color:#f3ffff;margin:4px 0 0;font-size:31px}.flush-running-head h2 span{color:#7896a5;font-size:14px;font-weight:500}.flush-running-head strong{color:var(--cyan);margin-top:5px;font-size:22px}.flush-progress{background:#09283b;border-radius:7px;height:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #164357}.flush-progress span{background:linear-gradient(90deg,#18cfc7,#5df9f1);border-radius:7px;height:100%;transition:width .25s linear;display:block}.flush-live-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);height:75px;margin-top:9px;display:grid}.flush-live-grid>div{border-right:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;display:flex}.flush-live-grid>div:last-child{border:0}.flush-live-grid strong{margin-top:4px;font-size:14px}.flush-safety-note{text-align:center;color:#7896a5;margin-top:8px;font-size:6.5px}.flush-stop{height:31px;min-height:31px;margin:9px auto 0;font-size:8px;display:block}.settings-save-popup{z-index:120;color:#d7ffea;pointer-events:none;background:#0e332a;border:1px solid #54a982;border-radius:13px;justify-content:center;align-items:center;gap:10px;min-width:220px;max-width:390px;min-height:52px;padding:11px 17px;animation:settings-save-popup-in .16s ease-out,settings-save-popup-out .22s ease-in 1.28s forwards;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 32px #000c,0 0 0 1px #65d89a26}.settings-save-popup>span{color:#effff6;background:#2f805f;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:900;display:grid}.settings-save-popup>strong{text-align:center;font-size:12px;font-weight:850;line-height:1.45}@keyframes settings-save-popup-in{0%{opacity:0;transform:translate(-50%,-58%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes settings-save-popup-out{to{opacity:0;transform:translate(-50%,-56%)}}.history-export-dialog>p{gap:8px}.history-export-dialog>p a{color:var(--cyan);text-underline-offset:2px;font-weight:900;text-decoration:underline}.history-export-backdrop{place-items:start center;padding-top:20px}.history-export-dialog>footer{height:42px}.history-export-status{z-index:140;color:#d7ffea;pointer-events:none;background:#0e332a;border:1px solid #54a982;border-radius:13px;justify-content:center;align-items:center;gap:10px;min-width:250px;max-width:500px;min-height:54px;padding:11px 18px;animation:history-export-status-in .14s ease-out,history-export-status-out .18s ease-in 1.02s forwards;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 32px #000c,0 0 0 1px #65d89a26}.history-export-status.error{color:#ffd9dc;background:#48242c;border-color:#a85461;box-shadow:0 12px 32px #000c,0 0 0 1px #ff7c8930}.history-export-status>span{color:#effff6;background:#2f805f;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:14px;font-weight:900;display:grid}.history-export-status.error>span{color:#fff;background:#a34451}.history-export-status>strong{text-align:center;font-size:12px;font-weight:850}@keyframes history-export-status-in{0%{opacity:0;transform:translate(-50%,-58%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes history-export-status-out{to{opacity:0;transform:translate(-50%,-56%)}}.history-export-backdrop{padding-top:16px}.history-export-dialog{width:600px;padding:14px 18px}.history-export-dialog>header{grid-template-columns:38px 1fr 28px;gap:10px;height:48px}.history-export-dialog>header>span{width:33px;height:33px}.history-export-dialog>header svg{width:20px;height:20px}.history-export-dialog>header strong{font-size:13px;line-height:1.35}.history-export-dialog>header small{margin-top:3px;font-size:9px;line-height:1.3}.history-export-dialog>header>button{width:26px;height:26px;font-size:17px}.history-export-section{padding-top:9px}.history-export-section>label{letter-spacing:.4px;margin-bottom:6px;font-size:9.5px;line-height:1.3}.history-export-options{gap:8px}.history-export-dialog .history-export-options button{height:35px;padding:0 10px;font-size:10.5px;line-height:1.25}.history-export-options.destinations button{gap:4px;height:48px!important}.history-export-options.destinations strong{font-size:11px;line-height:1.2}.history-export-options.destinations small{font-size:8.5px;line-height:1.2}.history-export-dates{grid-template-columns:1fr 24px 1fr;gap:8px;height:40px;margin-top:7px}.history-export-dates input{height:34px;padding:0 10px;font-size:10px}.history-export-dates i{font-size:14px}.history-export-file-summary{grid-template-columns:1fr 84px;height:42px;margin-top:9px;padding:0 12px}.history-export-file-summary small{font-size:8.5px;line-height:1.2}.history-export-file-summary strong{margin-top:3px;font-size:10px;line-height:1.25}.history-export-dialog>footer{gap:9px;height:44px}.history-export-dialog>footer button{min-width:112px;height:32px;font-size:10.5px}.history-export-status{min-width:280px;min-height:58px;padding:12px 20px}.history-export-status>strong{font-size:13px;line-height:1.45}.history-export-dialog>footer{grid-template-columns:112px 112px;justify-content:end;align-items:end;display:grid}.history-export-dialog>footer .history-export-action{box-sizing:border-box;flex:none;width:112px;min-width:0;max-width:112px;height:32px;min-height:32px;padding:0}.route-access .access-pro-tabs button,.route-alarms .diagnostic-tabs button,.route-cloud .device-page-controls button,.route-data .records-toolbar>div button,.route-general .general-page-controls button,.route-maintenance .device-page-controls button,.route-network .device-page-controls button,.route-pump-control .pump-pro-tabs button,.route-reservoir .reservoir-tabs button{font-size:9.5px!important}.route-general .general-card>header strong{font-size:11.5px}.route-general .general-card>header small{font-size:8px;line-height:1.3}.route-general .general-card input,.route-general .general-card select,.route-general .general-card>label>span,.route-general .general-inline>span,.route-general .general-segmented button{font-size:10px}.route-general .general-sync-row strong{font-size:9.5px}.route-general .general-fixed-value,.route-general .general-sync-row small{font-size:8px;line-height:1.35}.route-general .general-fixed-value:after{font-size:7px}.route-general .general-footer>span{font-size:9px;line-height:1.35}.route-general .general-footer button{font-size:10px}.route-cloud .device-settings-head,.route-maintenance .device-settings-head,.route-network .device-settings-head{align-items:center!important}.route-maintenance .device-settings-head>b,.route-network .device-settings-head>b{transform:translateY(-3px);align-self:center!important}.route-cloud .device-card>header strong,.route-maintenance .device-card>header strong,.route-network .device-card>header strong,.route-reservoir .device-card>header strong{font-size:11.5px}.route-cloud .device-card>header small,.route-maintenance .device-card>header small,.route-network .device-card>header small,.route-reservoir .device-card>header small{font-size:7.8px;line-height:1.3}.route-cloud .device-settings-head>b,.route-maintenance .device-settings-head>b,.route-network .device-settings-head>b{font-size:8.5px}.route-cloud .cloud-device small,.route-network .network-facts small,.route-network .status-metric small{font-size:8px}.route-network .status-metric strong{font-size:14px}.route-cloud .cloud-device b,.route-network .network-facts b{font-size:9px}.route-cloud .device-field input,.route-cloud .device-field select,.route-cloud .device-field span,.route-network .device-field input,.route-network .device-field select,.route-network .device-field span{font-size:9.5px}.route-cloud .device-card>p,.route-network .device-card>p{font-size:8px;line-height:1.4}.route-network .diagnostic-list span{font-size:10px}.route-network .diagnostic-list b,.route-network .diagnostic-placeholder{font-size:9px}.route-cloud .device-secondary-action,.route-cloud .device-wide-action,.route-network .device-wide-action,.route-network .network-actions button{font-size:9.5px}.route-cloud .device-settings-footer>span,.route-maintenance .device-settings-footer>span,.route-network .device-settings-footer>span{font-size:8.5px;line-height:1.35}.route-cloud .cloud-counts small{font-size:8px}.route-cloud .cloud-counts strong{font-size:20px}.route-cloud .device-switch-row strong{font-size:10px}.route-cloud .device-switch-row small{font-size:8px;line-height:1.3}.route-cloud .publish-permission strong{font-size:9.5px}.route-cloud .publish-permission small{font-size:7.8px}.route-cloud .consent-state b{font-size:10px}.route-cloud .consent-state p{font-size:8.5px;line-height:1.4}.route-access .access-pro-tabs button span{font-size:8px!important}.route-access .access-pro-card>header strong{font-size:10.5px}.route-access .access-pro-card>header small{font-size:7.3px;line-height:1.25}.route-access .access-pro-modes strong{font-size:8.5px}.route-access .access-pro-modes small{font-size:6.8px;line-height:1.3}.route-access .access-pro-settings{grid-template-columns:1fr 1fr;column-gap:12px}.route-access .access-pro-settings>label{grid-template-columns:94px minmax(0,1fr);column-gap:6px}.route-access .access-pro-settings>label:nth-child(3){grid-template-columns:94px 54px 28px;column-gap:4px}.route-access .access-pro-session-setting>span,.route-access .access-pro-settings span{font-size:8.5px}.route-access .access-pro-form-grid input,.route-access .access-pro-form-grid select,.route-access .access-pro-pin-fields input,.route-access .access-pro-session-setting input,.route-access .access-pro-settings input,.route-access .access-pro-settings select{font-size:9px}.route-access .access-pro-session-setting>b,.route-access .access-pro-settings b{font-size:7.5px}.route-access .access-pro-session-setting{grid-template-columns:94px 54px 28px 1fr;column-gap:4px}.route-access .access-pro-session-setting>button{background:0 0;border:0;border-radius:0;height:27px;padding:0 2px}.route-access .access-pro-session-setting>button.checked{background:0 0;border:0}.route-access .access-pro-session-setting>button em{font-size:7.7px}.route-access .access-pro-save,.route-access .user-editor-actions button,.route-access .user-list>header button{font-size:8.5px}.route-access .user-list article strong{font-size:9px}.route-access .user-list article small,.route-access .user-list article>b{font-size:7px}.route-access .user-list article>button{font-size:7.5px}.route-access .user-editor-actions>span,.route-access .user-editor>label>span{font-size:8px}.route-access .access-permission-table .matrix-head b,.route-access .access-permission-table .matrix-head span{font-size:7px}.route-access .access-permission-table .matrix-row span{font-size:8px}.route-access .access-permission-table .matrix-row i{font-size:9px}.route-access .audit-list strong{font-size:8px}.route-access .audit-list small,.route-access .audit-list time{font-size:7px}.route-reservoir .reservoir-tabs button strong{font-size:9px}.route-reservoir .reservoir-tabs button small{font-size:7px}.route-reservoir .reservoir-tab-status{font-size:8px}.route-reservoir .reservoir-tile-grid strong{font-size:10px}.route-reservoir .reservoir-tile-grid button>b,.route-reservoir .reservoir-tile-grid small{font-size:7.5px}.route-reservoir .reservoir-config-grid span{font-size:9px}.route-reservoir .reservoir-config-grid input{font-size:10px}.route-reservoir .reservoir-config-grid small{font-size:7.5px}.route-reservoir .channel-map small{font-size:7.5px!important}.route-reservoir .channel-map b{font-size:9.5px!important}.route-reservoir .refill-current small{font-size:7.5px}.route-reservoir .refill-current strong{font-size:17px}.route-reservoir .refill-actions button,.route-reservoir .refill-amount b,.route-reservoir .refill-amount span,.route-reservoir .safety-check-list b,.route-reservoir .safety-check-list span{font-size:9px}.route-reservoir .reservoir-catalog-rows strong,.route-reservoir .reservoir-slot-manager>div strong{font-size:8.5px}.route-reservoir .reservoir-catalog-rows em,.route-reservoir .reservoir-catalog-rows small,.route-reservoir .reservoir-slot-manager>div em,.route-reservoir .reservoir-slot-manager>div small{font-size:6.7px}.route-reservoir .reservoir-catalog-controls span,.route-reservoir .reservoir-slot-fields input:not([type=color]),.route-reservoir .reservoir-slot-fields>label>span:first-child{font-size:8px}.route-reservoir .reservoir-color-field b,.route-reservoir .reservoir-manage-actions button,.route-reservoir .reservoir-slot-note b,.route-reservoir .reservoir-slot-note span{font-size:7.3px}.route-reservoir .reservoir-pump-reference.inline small{font-size:6.5px}.route-reservoir .reservoir-pump-reference.inline strong{font-size:8px}.route-reservoir .reservoir-pump-reference.inline span{font-size:6.8px}.route-pump-control .pump-pro-layout{grid-template-columns:158px 1fr}.route-pump-control .pump-pro-channels small{font-size:7px}.route-pump-control .pump-pro-channels strong{font-size:10px}.route-pump-control .pump-pro-channels span{font-size:7px}.route-pump-control .pump-channel-scroll-controls>span{font-size:8.5px!important}.route-pump-control .pump-pro-panel>header strong{font-size:12px}.route-pump-control .pump-pro-panel>header small{font-size:8px}.route-pump-control .pump-pro-panel>header>b{font-size:7.5px}.route-pump-control .manual-pump-fields span,.route-pump-control .pump-pro-fields span{font-size:9.5px}.route-pump-control .manual-pump-fields input,.route-pump-control .pump-pro-fields input,.route-pump-control .pump-pro-fields select{font-size:10.5px}.route-pump-control .manual-pump-fields b,.route-pump-control .pump-pro-fields b{font-size:8px}.route-pump-control .manual-pump-fields label small{font-size:7.2px}.route-pump-control .manual-pump-metrics small{font-size:8px}.route-pump-control .manual-pump-metrics strong b{font-size:9px}.route-pump-control .pump-pro-panel>footer>span{font-size:8.5px;line-height:1.3}.route-pump-control .pump-pro-panel>footer button{font-size:9px}.route-sensors .sensor-calibration-panel>header strong,.route-sensors .sensor-enable-panel>header strong{font-size:11.5px}.route-sensors .sensor-calibration-panel>header small,.route-sensors .sensor-calibration-panel>header>span,.route-sensors .sensor-enable-panel>header small{font-size:7.3px}.route-sensors .sensor-enable-panel>header>b{font-size:7.5px}.route-sensors .sensor-enable-panel label strong{font-size:9.5px}.route-sensors .sensor-enable-panel label small{font-size:7px}.route-sensors .sensor-enable-panel label em{font-size:6.8px}.route-sensors .sensor-calibration-targets strong{font-size:8.5px}.route-sensors .sensor-calibration-targets small{font-size:7px}.route-sensors .sensor-calibration-panel>.primary-pill{font-size:8.5px}.route-sensors .sensor-recent-records b,.route-sensors .sensor-recent-records strong{font-size:8px}.route-sensors .sensor-recent-records small{font-size:6.5px}.route-sensors .sensor-settings-footer>span{font-size:8.5px}.route-sensors .sensor-settings-footer>button{font-size:9.5px}.route-alarms .diagnostic-tabs>span{font-size:8.5px}.route-alarms .diagnostic-summary small{font-size:8px}.route-alarms .diagnostic-summary strong{font-size:11px}.route-alarms .alarm-records article strong{font-size:10.5px}.route-alarms .alarm-records article small{font-size:8px}.route-alarms .alarm-records article p{font-size:8.7px;line-height:1.35}.route-alarms .alarm-records article>b,.route-alarms .alarm-records article>button{font-size:8px}.route-alarms .qa-score span{font-size:8.5px}.route-alarms .qa-category-counts span{font-size:7.5px}.route-alarms .qa-summary p{font-size:8.5px;line-height:1.35}.route-alarms .qa-summary .primary-pill{font-size:9px}.route-alarms .qa-results article strong{font-size:8.5px}.route-alarms .qa-results article small{font-size:7.2px}.route-alarms .qa-results article time{font-size:6.3px}.route-maintenance .maintenance-metrics small{font-size:8px}.route-maintenance .maintenance-metrics strong{font-size:20px}.route-maintenance .service-status-row small{font-size:8px}.route-maintenance .service-status-row span b{font-size:9.5px}.route-maintenance .service-status-row>b{font-size:8px}.route-maintenance .service-links button{font-size:9px}.route-maintenance .cleaning-actions strong{font-size:8.5px}.route-maintenance .cleaning-actions small{font-size:7px}.route-maintenance .maintenance-running{font-size:8.5px}.route-maintenance .tube-ring small{font-size:7px}.route-maintenance .tube-life>span small{font-size:7.5px}.route-maintenance .maintenance-intervals span,.route-maintenance .tube-life>span b{font-size:8.5px}.route-maintenance .maintenance-intervals input{font-size:9.5px}.route-maintenance .maintenance-intervals small{font-size:7.5px}.route-maintenance .maintenance-history strong{font-size:9px}.route-maintenance .maintenance-history small,.route-maintenance .maintenance-history>div>b{font-size:7.5px}.route-flush .flush-settings-layout{gap:14px;height:252px!important}.route-flush .flush-settings-card{padding:8px 12px}.route-flush .flush-settings-card>header{height:38px}.route-flush .flush-settings-card>header strong{font-size:11.5px}.route-flush .flush-settings-card>header small{font-size:7.5px}.route-flush .flush-settings-card>label{height:27px!important}.route-flush .flush-settings-card>label span{font-size:9px}.route-flush .flush-settings-card>label input{font-size:10px}.route-flush .flush-settings-card>label b{font-size:8px}.route-flush .flush-switches{padding-top:6px}.route-flush .flush-switches button{font-size:8px}.route-flush .flush-pending-state b{font-size:9px}.route-flush .flush-pending-state small,.route-flush .hold-flush-metrics small{font-size:7px}.route-flush .hold-flush-metrics strong b{font-size:7.5px}.route-flush .hold-flush-button>strong{font-size:9px}.route-flush .hold-flush-control>p{font-size:7px}.route-flush .flush-history-list p b{font-size:8px}.route-flush .flush-history-list em,.route-flush .flush-history-list p small{font-size:6.8px}.route-flush .flush-settings-footer{align-items:center;margin-top:8px;height:43px!important}.route-flush .flush-settings-footer>span{font-size:8.5px}.route-flush .flush-settings-footer button{font-size:9.5px}.route-data .records-toolbar{height:42px}.route-data .records-toolbar>span{font-size:8.5px}.route-data .backup-layout,.route-data .event-list,.route-data .record-table{height:224px;max-height:224px}.route-data .record-table header{height:31px;font-size:8.3px}.route-data .record-table>div{height:47px;font-size:9.5px}.route-data .record-table>div strong{font-size:10.5px}.route-data .record-status{font-size:8px}.route-data .event-list{padding:4px 13px}.route-data .event-list>div{height:42px;font-size:9px}.route-data .event-type{font-size:8px}.route-data .log-empty{height:216px!important;font-size:10px!important}.route-data .backup-layout{grid-template-columns:1.45fr .85fr}.route-data .policy-card,.route-data .storage-card{padding:10px 13px}.route-data .policy-card>header,.route-data .storage-card>header{align-items:center;height:27px}.route-data .storage-indicator{font-size:9.5px}.route-data .policy-card>header span,.route-data .storage-card>header small{font-size:8px}.route-data .storage-counts{margin-top:8px}.route-data .storage-counts>div{height:48px}.route-data .storage-counts span{font-size:8px}.route-data .backup-actions{margin-top:9px}.route-data .backup-actions button,.route-data .backup-actions label{height:34px;font-size:8.5px}.route-data .backup-message{margin-top:6px;font-size:8.5px}.route-data .policy-card>header strong{font-size:10.5px}.route-data .policy-card ul{margin:5px 0}.route-data .policy-card li{height:38px}.route-data .policy-card li b{font-size:8px}.route-data .policy-card li span{font-size:8.3px}.records-page-controls{justify-content:center;align-items:center;gap:10px;height:39px;margin-top:7px;display:flex}.records-page-controls>button{color:#03242c;background:linear-gradient(145deg,#b4fffb,#31eee5);border-radius:50%;place-items:center;width:32px;height:32px;font-size:21px;font-weight:900;line-height:1;display:grid;box-shadow:0 0 8px #35fff255}.records-page-controls>button:disabled{color:#7896a5;box-shadow:none;opacity:.42;background:#244b5c}.records-page-controls>span{flex-direction:column;align-items:center;min-width:150px;display:flex}.records-page-controls strong{font-size:9px}.records-page-controls small{color:#7896a5;margin-top:2px;font-size:7.5px}.route-controller .controller-summary h2{font-size:20px}.route-controller .controller-summary p{font-size:10px}.route-controller .controller-summary>small{font-size:9px}.route-controller .controller-form header label{font-size:10px}.route-controller .controller-form header small{font-size:8.5px}.route-controller .mode-selector button{font-size:9px}.route-controller .controller-field span,.route-controller .controller-numbers span{font-size:9.5px}.route-controller .controller-field input,.route-controller .controller-numbers input{font-size:10px}.route-controller .controller-numbers small,.route-controller .protocol-strip small{font-size:8px}.route-controller .protocol-strip strong{font-size:9px}.route-controller .controller-form:after{font-size:7.5px;line-height:1.35}.route-production-volume .settings-nav-summary h2,.route-settings .settings-nav-summary h2{font-size:20px}.route-production-volume .settings-form-panel header label,.route-production-volume .settings-nav-summary p,.route-settings .settings-form-panel header label,.route-settings .settings-nav-summary p{font-size:10px}.route-production-volume .setting-field span,.route-settings .setting-field span{font-size:9.5px}.route-production-volume .setting-field input,.route-production-volume .setting-field select,.route-settings .setting-field input,.route-settings .setting-field select{font-size:10px}.route-profile-options .option-manager>header label{font-size:10.5px}.route-profile-options .option-manager>header small{font-size:7.5px}.route-profile-options .option-add-row input,.route-profile-options .option-row input{font-size:10px}.route-profile-options .option-add-row button{font-size:9px}.route-profile-options .option-row>b{font-size:8px}.route-profile-options .profile-options-footer>span{font-size:8.5px;line-height:1.35}.route-profile-options .profile-options-footer button{font-size:9.5px}.global-header .brand-block{background:0 0;border-radius:0;flex-basis:200px;justify-content:flex-start;width:200px;min-width:200px;height:56px;margin-left:-5px;padding:2px 3px;transition:none}.global-header .brand-block:active,.global-header .brand-block:hover{filter:none;box-shadow:none;background:0 0;transform:none}.aqua-nova-header-logo{object-fit:contain;object-position:left center;pointer-events:none;width:190px;height:51px;display:block}.virtual-keyboard{z-index:1000;color:#eaffff;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);contain:layout paint;overscroll-behavior:none;touch-action:none;background:#061827f5;border:1px solid #2b7d8d;border-radius:14px;width:min(940px,100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:7px 9px 9px;position:fixed;top:0;bottom:auto;left:0;overflow:hidden;transform:none;box-shadow:0 16px 52px #000e,0 0 0 1px #5df9f122}.virtual-keyboard>header{color:#91b4c1;align-items:center;gap:7px;height:25px;padding:0 3px 5px;display:flex}.virtual-keyboard>header strong{letter-spacing:.4px;margin-right:auto;font-size:10px}.virtual-keyboard>header button{width:42px;height:22px;color:var(--cyan);background:#12374a;border-radius:8px;font-size:10px;font-weight:900}.virtual-keyboard>header .keyboard-close{width:28px;font-size:17px}.virtual-keyboard-body{grid-template-columns:1fr 92px;gap:8px;display:grid}.virtual-keyboard-rows{flex-direction:column;gap:5px;display:flex}.virtual-keyboard-rows>div{justify-content:center;gap:5px;display:flex}.virtual-keyboard aside button,.virtual-keyboard-rows button{color:#efffff;touch-action:manipulation;background:#0b2b40;border:1px solid #1d5267;border-radius:8px;min-width:54px;height:34px;padding:0 8px;font-size:14px;font-weight:750;box-shadow:inset 0 1px #ffffff0d}.virtual-keyboard aside button.active,.virtual-keyboard aside button:active,.virtual-keyboard-rows button:active{border-color:var(--cyan);color:#fff;background:#12606a}.virtual-keyboard aside{grid-template-columns:1fr 1fr;gap:5px;display:grid}.virtual-keyboard aside button{min-width:0;height:auto;font-size:12px}.virtual-keyboard aside button:nth-child(3){grid-column:1/3}.virtual-keyboard aside .keyboard-done{background:var(--cyan);color:#03242c;border-color:var(--cyan);grid-column:1/3;font-weight:900}.virtual-keyboard.numeric{width:390px}.virtual-keyboard.numeric .virtual-keyboard-body{grid-template-columns:1fr 84px}.virtual-keyboard.numeric .virtual-keyboard-rows{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.virtual-keyboard.numeric .virtual-keyboard-rows>div{display:contents}.virtual-keyboard.numeric .virtual-keyboard-rows button{min-width:0;height:42px}.virtual-keyboard.numeric aside{grid-template-columns:1fr}.virtual-keyboard.numeric aside .keyboard-done{grid-column:auto}.keyboard-drag-handle{color:#a9d1da;touch-action:none;cursor:move;-webkit-user-select:none;user-select:none;background:#0a2a3e;border:1px solid #24576a;border-radius:8px;justify-content:center;align-items:center;min-width:72px;height:22px;padding:0 10px;font-size:9px;font-weight:850;display:flex}.virtual-keyboard>header .keyboard-minimize{width:28px;font-size:14px}.virtual-keyboard.minimized{width:300px;padding-bottom:7px}.virtual-keyboard.minimized>header{padding-bottom:0}.virtual-keyboard.numeric aside .keyboard-clear{color:#ffb2b2;background:#3b2830}.login-auto-account-card{background:#082b40;border:1px solid #24667a;border-radius:12px;align-items:center;gap:11px;width:100%;height:72px;margin-top:22px;padding:11px 12px;display:flex}.login-auto-account-card>span{width:42px;height:42px;color:var(--cyan);background:#153f53;border-radius:50%;place-items:center;font-size:18px;font-weight:900;display:grid}.login-auto-account-card>div{flex-direction:column;gap:4px;display:flex}.login-auto-account-card strong{color:#e9fcff;font-size:12px}.login-auto-account-card small{color:#86a5b5;font-size:7px}.login-gate-page{color:#e8f6ff;box-sizing:border-box;background:radial-gradient(circle at 50% 42%,#0a2b40 0,#041521 52%,#020b14 100%);place-items:center;width:100%;min-height:100dvh;padding:24px;display:grid}.login-gate-card{text-align:center;background:#041826f0;border:1px solid #1b5268;border-radius:18px;width:min(470px,100vw - 48px);padding:38px 46px 40px;box-shadow:0 18px 60px #0009,inset 0 1px #ffffff10}.login-gate-logo-full{width:min(360px,100%);height:auto;margin:0 auto 34px;display:block}.login-gate-form{text-align:left;grid-template-columns:100px 1fr;align-items:center;gap:11px 12px;display:grid}.login-gate-form label{color:#9bc2cf;font-size:14px;font-weight:650}.login-gate-form input{box-sizing:border-box;color:#f0fdff;background:#061a2a;border:1px solid #24566b;border-radius:9px;outline:none;height:42px;padding:0 12px;font-size:16px}.login-gate-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #5df9f133}.login-gate-form>button[type=submit]{border:1px solid var(--cyan);background:var(--cyan);color:#03242c;cursor:pointer;border-radius:10px;grid-column:1/3;height:44px;margin-top:10px;font-size:15px;font-weight:850}.login-gate-form>button[type=submit]:disabled{opacity:.55;cursor:wait}.login-gate-form .keep{color:#87a8b7;cursor:pointer;background:0 0;border:0;grid-column:1/3;justify-self:center;align-items:center;gap:7px;font-size:11px;display:flex}.login-gate-form .keep i{border:1px solid #477182;border-radius:4px;place-items:center;width:16px;height:16px;font-size:11px;font-style:normal;display:grid}.login-gate-form .keep.checked{color:var(--cyan)}.login-gate-form .keep.checked i{background:var(--cyan);border-color:var(--cyan);color:#03242c}.login-gate-error{text-align:center;color:#ff858b;grid-column:1/3;margin-top:1px;font-size:12px}.profile-editor{align-items:start}.profile-editor .editor-minerals{border-radius:0;align-self:stretch;min-height:0;padding:0;background:0 0!important}.profile-editor .editor-minerals>.editor-minerals-card{border-radius:14px;width:100%;background:var(--panel)!important;border:0!important;height:auto!important;min-height:0!important;max-height:none!important;padding:12px 15px 16px!important;display:block!important}.profile-editor .editor-minerals>.editor-minerals-card>header{height:26px;margin-bottom:5px}.profile-editor .editor-minerals>.editor-minerals-card>div{border-bottom:1px solid var(--line);grid-template-columns:1fr 75px 35px;align-items:center;height:36px;min-height:0;display:grid!important}.profile-editor .editor-minerals>.editor-minerals-card>div input{text-align:right;height:28px}.profile-editor .editor-minerals>.editor-minerals-card>.field-label{min-height:12px;margin-top:10px;margin-bottom:5px;display:flex}.editor-actions{z-index:4}.manual-pump-fields .manual-field-hint{flex-direction:column;gap:1px;width:100%;min-width:0;max-width:100%;line-height:1.15;display:flex;overflow:hidden}.manual-pump-fields .manual-hint-line{white-space:nowrap;letter-spacing:0;text-overflow:clip;max-width:100%;display:block;overflow:hidden;font-size:5px!important}.virtual-keyboard{display:none!important}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}