:root{--app-bg:#fff;--app-surface:#fff;--app-surface-2:#f1f7fa;--app-border:#dceaf0;--app-text:#12253a;--app-muted:#637991;--app-primary:#168ec1;--app-primary-soft:#dff4fc;--app-green:#138b70;--app-green-soft:#ddf7ed;--app-orange:#dd7a25;--app-orange-soft:#fff0dc;--app-red:#db5361;--app-red-soft:#ffe8eb;--app-purple:#8b5cf6;--app-purple-soft:#eee9ff;--sensor-ph:#22b968;--sensor-temperature:#3185ff;--sensor-tds:#8b5cf6;--sensor-device:#20bfa9;--app-shadow:0 8px 26px #0f172a12, 0 1px 3px #0f172a0a;--app-shadow-hover:0 12px 34px #0f172a1a, 0 2px 5px #0f172a0d;--app-radius:6px;--app-radius-inner:5px;--app-font:"Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-theme=dark]{--app-bg:#0b1220;--app-surface:#131d2b;--app-surface-2:#192536;--app-border:#2a394d;--app-text:#f2f6fb;--app-muted:#9aa9bc;--app-primary:#55bfe8;--app-primary-soft:#17364a;--app-green:#46cda4;--app-green-soft:#15382f;--app-orange:#f2ad58;--app-orange-soft:#3c2c1a;--app-red:#f47d8d;--app-red-soft:#40232c;--app-purple:#a78bfa;--app-purple-soft:#2c2748;--sensor-ph:#43d484;--sensor-temperature:#68a7ff;--sensor-tds:#aa8cff;--sensor-device:#48d5c1;--app-shadow:0 16px 40px #00000047, 0 2px 8px #0003;--app-shadow-hover:0 22px 54px #0000005c}html{scroll-behavior:smooth}body.smartqua-app{color:var(--app-text);background:var(--app-bg);font-family:var(--app-font);font-size:15px;line-height:1.5}[data-theme=light] body.smartqua-app{background:#fff}[data-theme=dark] body.smartqua-app{background:var(--app-bg)}.smartqua-app :is(button,input,select,textarea){font-family:inherit}.smartqua-app :is(h1,h2,h3,h4,h5,h6,strong,.fw-bold,.fw-semibold){letter-spacing:-.012em}.smartqua-app a{color:var(--app-primary)}.smartqua-app .app-layout{grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.smartqua-app .app-sidebar{z-index:1040;border-right:1px solid var(--app-border);background:color-mix(in srgb, var(--app-surface) 96%, transparent);flex-direction:column;height:100vh;min-height:100vh;padding:16px 12px 14px;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:8px 0 28px #22526d09}.smartqua-app .sidebar-brand{align-items:center;gap:.75rem;min-height:56px;margin-bottom:1rem;padding:0 .45rem;display:flex}.smartqua-app .sidebar-brand>span:nth-child(2){min-width:0}.smartqua-app .sidebar-brand strong,.smartqua-app .sidebar-brand small{line-height:1.15;display:block}.smartqua-app .sidebar-brand strong{color:var(--app-text);font-size:1.02rem}.smartqua-app .sidebar-brand small{color:var(--app-muted);margin-top:.18rem;font-size:.72rem;font-weight:700}.smartqua-app .sidebar-close{color:var(--app-muted);background:0 0;border:0;margin-left:auto;display:none}.smartqua-app .sidebar-section-label{color:var(--app-muted);letter-spacing:.09em;text-transform:uppercase;margin:.65rem 0 .35rem;padding:0 .7rem;font-size:.68rem;font-weight:800}.smartqua-app .sidebar-nav{gap:.3rem;display:grid}.smartqua-app .sidebar-link{width:100%;min-height:40px;color:var(--app-muted);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:.75rem;padding:.4rem .65rem;font-size:.82rem;font-weight:800;transition:color .18s,background-color .18s,transform .18s;display:flex}.smartqua-app .sidebar-link:hover{color:var(--app-primary);background:color-mix(in srgb, var(--app-primary-soft) 56%, transparent);transform:translate(2px)}.smartqua-app .sidebar-link.active{color:var(--app-text);background:color-mix(in srgb, var(--app-primary-soft) 72%, #fff)}.smartqua-app .sidebar-icon{width:28px;height:28px;color:inherit;background:color-mix(in srgb, currentColor 8%, transparent);border-radius:6px;flex:0 0 28px;place-items:center;display:inline-grid}.smartqua-app .sidebar-link.active .sidebar-icon{color:var(--app-primary);background:var(--app-surface);box-shadow:0 4px 12px color-mix(in srgb, var(--app-primary) 14%, transparent)}.smartqua-app .sidebar-footer{margin-top:auto;padding-top:2rem;position:relative;overflow:hidden}.smartqua-app .sidebar-footer form{z-index:1;position:relative}.smartqua-app .sidebar-logout{color:var(--app-red)}.smartqua-app .app-workspace{background:var(--app-bg);min-width:0}.smartqua-app .app-topbar{z-index:1;background:var(--app-bg);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0;justify-content:space-between;align-items:center;gap:1rem;min-height:70px;padding:10px clamp(16px,1.8vw,26px);display:flex;top:auto;position:relative!important}[data-theme=light] .smartqua-app .app-topbar{box-shadow:none;background:#fff;border-bottom-color:#0000}[data-theme=light] .smartqua-app .app-workspace,[data-theme=light] .smartqua-app .app-content,[data-theme=light] .smartqua-app .dashboard-clean-main{background:#fff!important}.smartqua-app .topbar-heading{align-items:center;gap:.75rem;min-width:0;display:flex}.smartqua-app .topbar-heading h1{margin:0;font-size:clamp(1.18rem,1.55vw,1.42rem);font-weight:800}.smartqua-app .topbar-heading p{color:var(--app-muted);margin:.08rem 0 0;font-size:.76rem;font-weight:650}.smartqua-app .topbar-actions{align-items:center;gap:.7rem;display:flex}.smartqua-app .topbar-clock{color:var(--app-muted);white-space:nowrap;align-items:center;gap:.48rem;font-size:.8rem;font-weight:750;display:inline-flex}.smartqua-app .topbar-clock i{color:var(--app-primary)}.smartqua-app .clock-divider{background:var(--app-muted);opacity:.7;border-radius:50%;width:3px;height:3px}.smartqua-app .sidebar-toggle{border:1px solid var(--app-border);width:42px;height:42px;color:var(--app-primary);background:var(--app-surface);border-radius:6px;place-items:center;font-size:1.25rem;display:none}.smartqua-app .app-sidebar-backdrop{display:none}.smartqua-app .app-content{background:var(--app-bg);padding-top:14px!important;padding-bottom:14px!important}[data-theme=dark] .smartqua-app .app-sidebar{background:#101927;box-shadow:10px 0 32px #00000024}[data-theme=dark] .smartqua-app .app-topbar{background:var(--app-bg);box-shadow:none;border-bottom:0}[data-theme=dark] .smartqua-app .sidebar-link.active{color:var(--app-text);background:var(--app-surface-2)}[data-theme=dark] .smartqua-app .sidebar-link.active .sidebar-icon{background:var(--app-primary-soft)}.smartqua-app .app-navbar{border:1px solid color-mix(in srgb, var(--app-border) 90%, transparent);background:color-mix(in srgb, var(--app-surface) 90%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);border-radius:10px;margin:12px clamp(10px,2vw,28px) 0;box-shadow:0 12px 32px #22526d14}[data-theme=dark] .smartqua-app .app-navbar{background:#131d2be6;border-color:#3d4e63b8;box-shadow:0 14px 36px #00000047}.smartqua-app .app-navbar .container-fluid{min-height:54px}.smartqua-app .navbar-brand{color:var(--app-text);font-size:1.08rem}.smartqua-app .brand-mark{color:#fff;background:var(--app-primary);width:40px;height:40px;box-shadow:0 8px 18px color-mix(in srgb, var(--app-primary) 28%, transparent);border-radius:50% 50% 46% 54%;transform:rotate(-4deg)}.smartqua-app .brand-mark i{transform:rotate(4deg)}.smartqua-app .nav-link{color:var(--app-muted);border-radius:6px;font-size:.9rem;font-weight:800;padding:.54rem .78rem!important}.smartqua-app .nav-link:hover,.smartqua-app .nav-link.active{color:var(--app-primary);background:var(--app-primary-soft)}.smartqua-app .theme-toggle{border-color:color-mix(in srgb, var(--app-primary) 22%, var(--app-border));width:40px;height:40px;color:var(--app-primary);background:var(--app-primary-soft);border-radius:7px;transition:transform .2s,box-shadow .2s}.smartqua-app .theme-toggle:hover{transform:rotate(9deg)scale(1.04);box-shadow:0 8px 18px #22526d1a}.smartqua-app .dropdown-menu{box-shadow:var(--app-shadow-hover);border-radius:8px}.smartqua-app .dropdown-item{border-radius:5px}.smartqua-app :is(a,button,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb, var(--app-primary) 34%, transparent);outline-offset:3px}.smartqua-app main{position:relative}.smartqua-app .app-card,.smartqua-app .dashboard-card,.smartqua-app .status-summary-card,.smartqua-app .card{border:1px solid var(--app-border);border-radius:var(--app-radius);color:var(--app-text);background:var(--app-surface);box-shadow:var(--app-shadow)}.smartqua-app .app-card{box-shadow:0 1px 4px #0f172a0b}.smartqua-app .app-card:hover{border-color:var(--app-border);transform:none;box-shadow:0 1px 4px #0f172a0b}.smartqua-app .app-card.p-4,.smartqua-app .api-token-page .app-card,.smartqua-app .api-docs-page .app-card,.smartqua-app .history-page .app-card{padding:14px!important}.smartqua-app .app-content :is(.app-card,.settings-page) h1,.smartqua-app .app-content :is(.app-card,.settings-page) h2{font-size:.9rem;line-height:1.25}.smartqua-app .app-content .app-card :is(p,li,td,.small,.muted){font-size:.74rem}.smartqua-app .app-content .app-card code{font-size:.72rem}.smartqua-app .app-card,.smartqua-app .dashboard-card,.smartqua-app .status-summary-card{transition:border-color .2s,box-shadow .2s,transform .2s}.smartqua-app .app-card:hover,.smartqua-app .dashboard-card:hover,.smartqua-app .status-summary-card:hover{border-color:color-mix(in srgb, var(--app-primary) 22%, var(--app-border));box-shadow:var(--app-shadow-hover)}[data-theme=dark] .smartqua-app :is(.app-card,.dashboard-card,.status-summary-card,.card){border-color:#28374a}.smartqua-app .metric-icon,.smartqua-app .metric-icon-sm,.smartqua-app .status-summary-card .status-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 8%, transparent);border-radius:6px}.smartqua-app .metric-icon{width:38px;height:38px;font-size:.95rem}.smartqua-app .metric-icon-sm{width:40px;height:40px}.smartqua-app .ui-btn,.smartqua-app .btn{border-radius:7px;min-height:34px;padding:.42rem .68rem;font-size:.74rem;font-weight:800;transition:transform .16s,box-shadow .16s,background-color .16s,border-color .16s}.smartqua-app .ui-btn:hover,.smartqua-app .btn:hover{transform:translateY(-2px)}.smartqua-app .ui-btn:active,.smartqua-app .btn:active{transform:translateY(0)scale(.98)}.smartqua-app .ui-btn-primary,.smartqua-app .btn-primary{color:#fff;border-color:var(--app-primary);background:var(--app-primary);box-shadow:0 8px 20px color-mix(in srgb, var(--app-primary) 22%, transparent)}.smartqua-app .ui-btn-sm,.smartqua-app .btn-sm{min-height:28px;padding:.28rem .5rem;font-size:.68rem}.smartqua-app .form-control,.smartqua-app .form-select,.smartqua-app .dt-container .dt-search input,.smartqua-app .dt-container .dt-length select{border:1px solid var(--app-border);min-height:36px;color:var(--app-text);background:var(--app-surface-2);border-radius:6px;font-size:.76rem;box-shadow:inset 0 1px 2px #22526d08}.smartqua-app .form-control:focus,.smartqua-app .form-select:focus{border-color:var(--app-primary);background:var(--app-surface);box-shadow:0 0 0 4px color-mix(in srgb, var(--app-primary) 15%, transparent)}.smartqua-app .form-label{color:var(--app-muted);font-weight:800;font-size:.7rem!important}.smartqua-app .form-check-input{border-color:var(--app-border);background-color:var(--app-surface-2)}.smartqua-app .form-check-input:checked{border-color:var(--app-primary);background-color:var(--app-primary)}.smartqua-app .status-pill,.smartqua-app .badge,.smartqua-app .method-badge{letter-spacing:.005em;border-radius:999px;padding:.4rem .7rem;font-weight:800}.smartqua-app .status-normal{color:var(--app-green);background:var(--app-green-soft)}.smartqua-app .status-warning{color:var(--app-orange);background:var(--app-orange-soft)}.smartqua-app .status-critical{color:var(--app-red);background:var(--app-red-soft)}.smartqua-app .alert{box-shadow:none;border-width:1px!important;border-radius:7px!important}.smartqua-app .alert-light{color:var(--app-muted);background:var(--app-surface-2);border-color:var(--app-border)!important}.smartqua-app .alert-danger{color:var(--app-red);background:var(--app-red-soft);border-color:color-mix(in srgb, var(--app-red) 20%, var(--app-border))!important}.smartqua-app .ui-segment{background:var(--app-surface-2);border-radius:7px;padding:.28rem}.smartqua-app .ui-segment button,.smartqua-app .ui-segment .ui-segment-item{min-height:36px}.smartqua-app .ui-segment button.active,.smartqua-app .ui-segment .ui-segment-item.active{box-shadow:0 7px 16px color-mix(in srgb, var(--app-primary) 20%, transparent)}.smartqua-app .table-responsive{border-radius:var(--app-radius-inner)}.smartqua-app .table{--bs-table-hover-bg:color-mix(in srgb, var(--app-primary-soft) 48%, transparent);margin-bottom:0}.smartqua-app .table thead th{color:var(--app-muted);border-bottom:1px solid var(--app-border);background:var(--app-surface-2);text-transform:uppercase;letter-spacing:.055em;padding:.48rem .58rem;font-size:.64rem}.smartqua-app .table tbody td{border-color:var(--app-border);padding:.5rem .58rem;font-size:.72rem}.smartqua-app .dt-container .page-link{text-align:center;border-radius:6px;min-width:38px}.smartqua-app .modal-content{color:var(--app-text);background:var(--app-surface);box-shadow:0 28px 80px #0b243138;border:1px solid var(--app-border)!important;border-radius:10px!important}.smartqua-app .modal-backdrop.show{opacity:.4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.smartqua-app .btn-close{background-color:var(--app-surface-2);border-radius:50%}.smartqua-app .modal-close-btn{width:38px;height:38px;color:var(--app-muted);background:var(--app-surface-2);border:0;border-radius:6px;flex:0 0 38px;place-items:center;margin-left:auto;padding:0;font-size:1rem;line-height:1;display:inline-grid}.smartqua-app .modal-close-btn:hover{color:var(--app-text);background:var(--app-border)}.smartqua-app .settings-section-head{border-bottom-color:var(--app-border)}.smartqua-app .settings-section-title{font-size:1.12rem}.smartqua-app .settings-soft-box,.smartqua-app .detail-box,.smartqua-app .recommendation-note{border:1px solid var(--app-border);border-radius:var(--app-radius-inner);background:var(--app-surface-2)}.smartqua-app .alert-detail-summary{border:1px solid var(--app-border);border-radius:var(--app-radius-inner);background:var(--app-surface-2);align-items:center;min-height:66px;padding:.75rem .9rem;display:flex}.smartqua-app .alert-detail-identity{align-items:center;gap:.75rem;min-width:0;display:flex}.smartqua-app .alert-detail-identity .alert-detail-icon{width:38px;height:38px;color:var(--app-primary);background:var(--app-primary-soft);border-radius:12px;flex:0 0 38px;justify-content:center;align-items:center;display:inline-flex}.smartqua-app .alert-detail-icon i{margin:0;font-size:1.05rem;line-height:1;display:block;transform:none!important}.smartqua-app .alert-detail-identity strong{color:var(--app-text);font-size:.92rem;display:block}.smartqua-app .alert-detail-identity>div>span{color:var(--app-muted);align-items:center;gap:.35rem;font-size:.78rem;display:flex}.smartqua-app .alert-detail-action{align-items:flex-start;gap:.7rem;display:flex}.smartqua-app .alert-detail-action>i{color:var(--app-primary);margin-top:.05rem;font-size:1rem}.smartqua-app .alert-detail-action strong,.smartqua-app .alert-detail-action span{display:block}.smartqua-app .alert-detail-action strong{color:var(--app-text);margin-bottom:.15rem;font-size:.82rem}.smartqua-app .alert-detail-action span{font-size:.82rem;line-height:1.45}.smartqua-app .settings-soft-box{padding:1.1rem}.smartqua-app .dashboard-clean-main{background:var(--app-bg)!important}.smartqua-app .dashboard-main-grid,.smartqua-app .dashboard-left,.smartqua-app .dashboard-right,.smartqua-app .parameter-grid{gap:12px}.smartqua-app .dashboard-main-grid{grid-template-rows:120px 330px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.smartqua-app .dashboard-left,.smartqua-app .dashboard-right,.smartqua-app .parameter-grid{display:contents}.smartqua-app #phCard{grid-area:1/1}.smartqua-app #temperatureCard{grid-area:1/2}.smartqua-app #tdsCard{grid-area:1/3}.smartqua-app .device-status-card{grid-area:1/4}.smartqua-app .trend-card{grid-area:2/1/auto/span 3}.smartqua-app .recommendation-card{grid-area:2/4}.smartqua-app .trend-card,.smartqua-app .recommendation-card{height:330px;min-height:330px}.smartqua-app .dashboard-card{border-color:var(--app-border);border-radius:6px;padding:14px;box-shadow:0 1px 4px #0f172a0b}.smartqua-app .dashboard-card:hover{border-color:var(--app-border);transform:none;box-shadow:0 1px 4px #0f172a0b}[data-theme=light] .smartqua-app .dashboard-card{background:#fff}.smartqua-app .dashboard-card.top-card{border-top-style:solid;border-top-width:2px;align-items:center;min-height:0;display:flex}.smartqua-app .metric-card.top-card{align-items:stretch}.smartqua-app #phCard{border-top-color:var(--sensor-ph)}.smartqua-app #temperatureCard{border-top-color:var(--sensor-temperature)}.smartqua-app #tdsCard{border-top-color:var(--sensor-tds)}.smartqua-app .device-status-card{border-top-color:var(--sensor-device)}.smartqua-app .metric-card.is-warning{border-top-color:var(--app-orange)!important}.smartqua-app .metric-card.is-danger{border-top-color:var(--app-red)!important}.smartqua-app .metric-card{justify-content:center;position:relative;overflow:hidden}.smartqua-app .metric-card.is-danger,.smartqua-app .metric-card.is-warning{border-left-width:1px;border-left-color:var(--app-border)!important}.smartqua-app .metric-sensor-layout{align-items:center;gap:.8rem;width:100%;display:flex}.smartqua-app .metric-sensor-content{flex:1;min-width:0}.smartqua-app .metric-card .metric-icon-sm,.smartqua-app .device-status-card .metric-icon-sm{border-radius:6px;flex:0 0 38px;width:38px;height:38px;font-size:.95rem}.smartqua-app .metric-card .metric-icon-sm{transform:none}.smartqua-app .metric-value-line{align-items:baseline;gap:.28rem;display:flex}.smartqua-app .metric-card .metric-number{margin:0 0 .12rem;font-size:clamp(1.5rem,1.7vw,1.72rem);display:inline-block}.smartqua-app .metric-unit{color:var(--app-muted);font-size:.72rem;font-weight:800}.smartqua-app .metric-card .badge{padding:.22rem .42rem;font-size:.62rem}.smartqua-app .metric-card .metric-limit{margin-top:.18rem}.smartqua-app .metric-card .metric-gap:not(.is-warning):not(.is-danger){display:none}.smartqua-app #phCard .metric-icon-sm{color:var(--sensor-ph);background:color-mix(in srgb, var(--sensor-ph) 12%, var(--app-surface))}.smartqua-app #temperatureCard .metric-icon-sm{color:var(--sensor-temperature);background:color-mix(in srgb, var(--sensor-temperature) 12%, var(--app-surface))}.smartqua-app #tdsCard .metric-icon-sm{color:var(--sensor-tds);background:color-mix(in srgb, var(--sensor-tds) 12%, var(--app-surface))}.smartqua-app .metric-card.is-warning .metric-icon-sm{color:var(--app-orange)!important;background:var(--app-orange-soft)!important}.smartqua-app .metric-card.is-danger .metric-icon-sm{color:var(--app-red)!important;background:var(--app-red-soft)!important}.smartqua-app .metric-icon-sm.device-icon{color:#17a994;background:color-mix(in srgb, #20bfa9 14%, var(--app-surface))}.smartqua-app .device-status-card.device-is-online{border-top-color:var(--app-green)}.smartqua-app .device-status-card.device-is-online .device-icon{color:var(--app-green);background:var(--app-green-soft)}.smartqua-app .device-status-card.device-is-offline{border-top-color:var(--app-red)}.smartqua-app .device-status-card.device-is-offline .device-icon{color:var(--app-red);background:var(--app-red-soft)}.smartqua-app .device-status-card.device-is-offline .device-positive-value{color:var(--app-red)!important}.smartqua-app .device-status-card.device-is-inactive{border-top-color:var(--app-muted)}.smartqua-app .device-status-card.device-is-inactive .device-icon{color:var(--app-muted);background:var(--app-surface-2)}.smartqua-app .device-status-card.device-is-inactive .device-positive-value{color:var(--app-muted)!important}.smartqua-app .device-compact-layout{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:.68rem;width:100%;display:grid}.smartqua-app .device-compact-content{min-width:0}.smartqua-app .device-compact-title{color:var(--app-text);margin-bottom:.18rem;font-size:.74rem;font-weight:850}.smartqua-app .device-compact-row{min-height:18px;color:var(--app-muted);justify-content:space-between;align-items:center;gap:.7rem;font-size:.64rem;font-weight:700;display:flex}.smartqua-app .device-compact-row strong{min-width:0;color:var(--app-text);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;font-weight:850;overflow:hidden}.smartqua-app .device-compact-row .device-status-pill{padding:.22rem .4rem;font-size:.6rem}.smartqua-app .device-compact-row .device-status-pill:before{width:.38rem;height:.38rem}.smartqua-app .device-positive-value{color:var(--app-green)!important}.smartqua-app .section-title-icon{width:30px;height:30px;color:var(--app-primary);background:var(--app-primary-soft);border-radius:6px;place-items:center;display:inline-grid}.smartqua-app .metric-card:after{display:none}.smartqua-app .metric-card .metric-number{letter-spacing:-.045em}.smartqua-app .trend-chart-area,.smartqua-app .history-chart-wrap{border-radius:var(--app-radius-inner)}.smartqua-app .device-status-pill{border-radius:999px}.smartqua-app .chart-tab-btn[data-sensor=ph].active{background:var(--sensor-ph)}.smartqua-app .chart-tab-btn[data-sensor=temperature].active{background:var(--sensor-temperature)}.smartqua-app .chart-tab-btn[data-sensor=tds].active{background:var(--sensor-tds)}.smartqua-app .recommendation-card #todayMessage,.smartqua-app .recommendation-card .recommendation-summary{display:none}.smartqua-app .recommendation-head{justify-content:space-between;align-items:center;gap:.65rem;min-width:0;margin-bottom:.35rem;display:flex}.smartqua-app .recommendation-heading{align-items:center;gap:.55rem;min-width:0;display:flex}.smartqua-app .recommendation-heading>div{min-width:0}.smartqua-app .recommendation-head #statusBadge{flex:none;max-width:88px}.smartqua-app .recommendation-card .action{color:var(--app-muted);margin-top:.18rem;font-size:.68rem;font-weight:650;line-height:1.4;display:block}.smartqua-app .recommendation-card .recommendation-list{gap:0}.smartqua-app .recommendation-card .recommendation-item{padding:.48rem 0}.smartqua-app .recommendation-card .recommendation-item .label{font-size:.75rem}.smartqua-app .recommendation-card .meta-clean{margin-top:.08rem;font-size:.68rem}.smartqua-app .recommendation-card .value{font-size:.72rem}.smartqua-app .recommendation-card h2{white-space:normal;font-size:.88rem;line-height:1.2;margin:0!important}.smartqua-app .dashboard-card h2{font-size:.9rem}.smartqua-app .dashboard-card .metric-title{font-size:.68rem}.smartqua-app .dashboard-card .metric-limit,.smartqua-app .dashboard-card .metric-gap{font-size:.64rem}.smartqua-app .device-status-card .metric-title{white-space:nowrap}.smartqua-app .trend-card #chartPeriodLabel,.smartqua-app .trend-card .chart-current-label{display:none}.smartqua-app .trend-card>.d-flex{margin-bottom:.45rem!important}.smartqua-app .trend-card .clean-chart-wrap{min-height:0}.smartqua-app .trend-card .ui-segment{padding:2px}.smartqua-app .trend-card .chart-tab-btn{border-radius:5px;min-width:54px;min-height:28px;padding:.25rem .62rem;font-size:.68rem}.smartqua-app .alert-section-card{margin-top:12px}.smartqua-app .alert-section-card>.d-flex p{display:none}.smartqua-app .alert-section-card .table{font-size:.72rem}.smartqua-app .alert-section-card .table thead th{padding:.42rem .55rem;font-size:.62rem}.smartqua-app .alert-section-card .table tbody td{padding:.42rem .55rem}.smartqua-app .alert-section-card .status-pill{padding:.25rem .45rem;font-size:.62rem}.smartqua-app .alert-section-card .ui-btn-sm{min-height:28px;padding:.28rem .55rem;font-size:.66rem}@media (width>=1440px){.smartqua-app .metric-sensor-content{grid-template-rows:auto auto auto;grid-template-columns:minmax(88px,.8fr) minmax(112px,1fr);align-items:center;column-gap:.85rem;display:grid}.smartqua-app .metric-card .metric-title{grid-area:1/1}.smartqua-app .metric-card .metric-value-line{grid-area:2/1/span 2;align-self:start}.smartqua-app .metric-card .badge{grid-area:1/2;justify-self:start}.smartqua-app .metric-card .metric-limit{white-space:nowrap;grid-area:2/2;margin-top:0}.smartqua-app .metric-card .metric-gap{grid-area:3/2}}.smartqua-app .history-page,.smartqua-app .api-token-page,.smartqua-app .api-docs-page{font-size:.8rem}.smartqua-app .history-page .page-control-card{margin-bottom:12px;padding:12px!important}.smartqua-app .history-page .page-control-inner{gap:.55rem .7rem}.smartqua-app .history-page .page-control-form,.smartqua-app .history-page .page-control-actions{gap:.45rem}.smartqua-app .history-page .range-field{flex-basis:250px;width:250px}.smartqua-app .history-page .range-label{margin-bottom:.25rem;font-size:.66rem}.smartqua-app .history-page .range-inputs{grid-template-columns:minmax(118px,1fr) 92px;gap:.35rem}.smartqua-app .history-page .range-inputs .form-control{min-height:34px;box-shadow:none;border-radius:6px;padding:.35rem .5rem;font-size:.72rem}.smartqua-app .history-page .range-separator{padding-bottom:.45rem}.smartqua-app .history-chart-card{margin-bottom:12px!important}.smartqua-app .history-chart-card>.d-flex{margin-bottom:.45rem!important}.smartqua-app .history-chart-card h2,.smartqua-app .history-table-card h2{font-size:.9rem;margin-bottom:.1rem!important}.smartqua-app .history-chart-card #historyChartPeriod,.smartqua-app .history-table-card p{font-size:.68rem}.smartqua-app .history-chart-wrap{border-radius:5px;height:260px}.smartqua-app .history-current-label{display:none}.smartqua-app .history-chart-card .ui-segment{padding:2px}.smartqua-app .history-chart-card .chart-tab-btn{min-width:54px;min-height:28px;color:var(--app-muted);background:0 0;border:0;border-radius:5px;padding:.25rem .62rem;font-size:.68rem;font-weight:800}.smartqua-app .history-chart-card .chart-tab-btn[data-mode=ph].active{color:#fff;background:var(--sensor-ph)}.smartqua-app .history-chart-card .chart-tab-btn[data-mode=temperature].active{color:#fff;background:var(--sensor-temperature)}.smartqua-app .history-chart-card .chart-tab-btn[data-mode=tds].active{color:#fff;background:var(--sensor-tds)}.smartqua-app .history-table-card>.d-flex{margin-bottom:.45rem!important}.smartqua-app .history-table-card .dt-container .row{--bs-gutter-y:.5rem}.smartqua-app .history-table-card .dt-container .dt-search input,.smartqua-app .history-table-card .dt-container .dt-length select{min-height:32px;padding:.3rem .5rem;font-size:.7rem}.smartqua-app .history-table-card .dt-container .dt-info,.smartqua-app .history-table-card .dt-container .dt-length label,.smartqua-app .history-table-card .dt-container .dt-search label{font-size:.68rem}.smartqua-app .settings-page{gap:12px}.smartqua-app .settings-page .app-card{padding:14px!important}.smartqua-app .settings-page .settings-section-head{margin-bottom:.7rem;padding-bottom:.65rem}.smartqua-app .settings-page .settings-section-title{margin-bottom:.12rem;font-size:.9rem}.smartqua-app .settings-page .settings-section-head p,.smartqua-app .settings-page .settings-help{font-size:.72rem;line-height:1.45}.smartqua-app .settings-page .settings-soft-box{border-radius:5px;padding:.75rem}.smartqua-app .settings-page .settings-soft-box h2,.smartqua-app .settings-page .settings-group-title{font-size:.82rem}.smartqua-app .settings-page .setting-row{padding:.5rem 0;font-size:.74rem}.smartqua-app .settings-page .settings-footer{margin-top:.75rem;padding-top:.65rem}.smartqua-app .api-token-page>.row,.smartqua-app .api-docs-page>.row{--bs-gutter-x:12px;--bs-gutter-y:12px;margin-bottom:12px!important}.smartqua-app .api-token-page .metric-label,.smartqua-app .api-docs-page .metric-label{font-size:.66rem}.smartqua-app .api-token-page .app-card .d-flex.gap-3,.smartqua-app .api-docs-page .app-card .d-flex.gap-3{gap:.65rem!important}.smartqua-app .api-docs-page .method-badge{border-radius:5px;padding:.25rem .42rem;font-size:.64rem}.smartqua-app .api-docs-page .nav-pills{gap:.35rem!important;margin-bottom:.55rem!important}.smartqua-app .api-docs-page .nav-link{font-size:.7rem;padding:.32rem .55rem!important}.smartqua-app .api-docs-page .code-panel pre,.smartqua-app .api-token-page pre{font-size:.68rem;line-height:1.45;border-radius:5px!important;padding:.7rem!important}.smartqua-app .api-docs-page .code-copy{top:.4rem;right:.4rem}@media (width<=1199.98px){.smartqua-app .dashboard-main-grid{grid-template-rows:132px 132px auto auto;grid-template-columns:repeat(2,minmax(0,1fr))}.smartqua-app #phCard{grid-area:1/1}.smartqua-app #temperatureCard{grid-area:1/2}.smartqua-app #tdsCard{grid-area:2/1}.smartqua-app .device-status-card{grid-area:2/2}.smartqua-app .trend-card{grid-area:3/1/auto/-1;height:480px;min-height:480px}.smartqua-app .recommendation-card{grid-area:4/1/auto/-1;height:auto;min-height:0}}.smartqua-app .code-panel pre,.smartqua-app pre{border-radius:var(--app-radius-inner)!important}.smartqua-app code{color:var(--app-primary)}.smartqua-app .auth-shell{align-items:center;min-height:calc(100vh - 128px);display:grid}.smartqua-app .auth-card{overflow:hidden}.smartqua-app .auth-card:before{content:"";background:var(--app-primary);height:7px;display:block}[data-sonner-toaster]{font-family:var(--app-font)!important}[data-sonner-toaster] .gooey-contentCompact,[data-sonner-toaster] .gooey-contentExpanded{border-radius:22px!important}[data-sonner-toaster] .gooey-title{letter-spacing:-.01em;font-weight:800!important}[data-sonner-toaster] .gooey-blobSvg{filter:drop-shadow(0 12px 24px #22526d1f)drop-shadow(0 2px 6px #22526d14)}[data-sonner-toaster] .gooey-titleDefault,[data-sonner-toaster] .gooey-titleLoading{color:var(--app-text)!important}[data-sonner-toaster] .gooey-titleSuccess{color:var(--app-green)!important}[data-sonner-toaster] .gooey-titleError{color:var(--app-red)!important}[data-sonner-toaster] .gooey-titleWarning{color:var(--app-orange)!important}[data-sonner-toaster] .gooey-titleInfo{color:var(--app-primary)!important}[data-sonner-toaster] .gooey-description{color:var(--app-muted)!important}[data-sonner-toaster] .gooey-header:has(.gooey-titleSuccess) .gooey-iconWrapper{color:var(--app-green)}[data-sonner-toaster] .gooey-header:has(.gooey-titleError) .gooey-iconWrapper{color:var(--app-red)}[data-sonner-toaster] .gooey-header:has(.gooey-titleWarning) .gooey-iconWrapper{color:var(--app-orange)}:is([data-sonner-toaster] .gooey-header:has(.gooey-titleInfo) .gooey-iconWrapper,[data-sonner-toaster] .gooey-header:has(.gooey-titleLoading) .gooey-iconWrapper){color:var(--app-primary)}[data-sonner-toaster] .gooey-progressWrapper{background:color-mix(in srgb, var(--app-muted) 16%, transparent)!important}[data-sonner-toaster] .gooey-progressSuccess{background:var(--app-green)!important}[data-sonner-toaster] .gooey-progressError{background:var(--app-red)!important}[data-sonner-toaster] .gooey-progressWarning{background:var(--app-orange)!important}[data-sonner-toaster] .gooey-progressInfo,[data-sonner-toaster] .gooey-progressLoading{background:var(--app-primary)!important}[data-sonner-toaster] .gooey-actionButton{min-height:40px;font-weight:800}[data-sonner-toaster] .gooey-actionDefault,[data-sonner-toaster] .gooey-actionInfo{color:var(--app-primary)!important;background:var(--app-primary-soft)!important}[data-sonner-toaster] .gooey-actionSuccess{color:var(--app-green)!important;background:var(--app-green-soft)!important}[data-sonner-toaster] .gooey-actionError{color:var(--app-red)!important;background:var(--app-red-soft)!important}[data-sonner-toaster] .gooey-actionWarning{color:var(--app-orange)!important;background:var(--app-orange-soft)!important}[data-theme=dark] [data-sonner-toaster] .gooey-blobSvg{filter:drop-shadow(0 16px 30px #00000057)drop-shadow(0 3px 8px #0000003d)}[data-theme=dark] [data-sonner-toaster] .gooey-closeButton{color:var(--app-text)!important}@media (width<=767.98px){.smartqua-app .app-navbar{border-radius:8px;margin:8px 8px 0}.smartqua-app main{padding-inline:12px!important;padding-top:18px!important}.smartqua-app .app-card,.smartqua-app .dashboard-card,.smartqua-app .card{border-radius:6px}.smartqua-app .navbar-nav{padding:.7rem 0 .2rem}.smartqua-app .nav-link{border-radius:6px}.smartqua-app .ui-btn{min-height:44px}[data-sonner-toaster] .gooey-contentExpanded{min-width:min(340px,100vw - 24px)}}@media (width<=991.98px){.smartqua-app .app-layout{display:block}.smartqua-app .app-sidebar{width:min(290px,86vw);transition:transform .24s;position:fixed;top:0;left:0;transform:translate(-105%);box-shadow:18px 0 50px #0b243133}.smartqua-app .app-sidebar.is-open{transform:translate(0)}.smartqua-app .sidebar-close{border-radius:6px;place-items:center;width:38px;height:38px;display:inline-grid}.smartqua-app .sidebar-toggle{display:inline-grid}.smartqua-app .app-sidebar-backdrop{z-index:1035;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050f1973;border:0;position:fixed;inset:0}.smartqua-app.sidebar-open .app-sidebar-backdrop{display:block}.smartqua-app.sidebar-open{overflow:hidden}}@media (width<=767.98px){.smartqua-app .app-topbar{min-height:76px;padding:11px 12px}.smartqua-app .topbar-heading p,.smartqua-app .topbar-clock{display:none}.smartqua-app .app-content{padding-top:14px!important}.smartqua-app .dashboard-main-grid{grid-template-rows:none;grid-template-columns:1fr}.smartqua-app #phCard,.smartqua-app #temperatureCard,.smartqua-app #tdsCard,.smartqua-app .device-status-card,.smartqua-app .trend-card,.smartqua-app .recommendation-card{grid-area:auto/1}.smartqua-app .trend-card{height:auto;min-height:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.smartqua-app *,.smartqua-app :before,.smartqua-app :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}