:root{--primary:#2563eb;--primary-dark:#1e40af;--secondary:#64748b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--bg:#f8fafc;--surface:#fff;--text:#1e293b;--text-secondary:#64748b;--border:#e2e8f0;--shadow:0 1px 3px #0000001a;--shadow-lg:0 10px 25px #0000001a;--accent:#2563eb}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-form{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:12px;width:100%;max-width:400px;padding:2.5rem}.login-logo{text-align:center;margin-bottom:1rem}.login-logo img{height:60px}.login-form h1{text-align:center;color:var(--primary);margin-bottom:1.5rem;font-size:1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:var(--text);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.form-group input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:6px;padding:.625rem .75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.error-msg{color:var(--danger);text-align:center;margin-top:.75rem;font-size:.875rem}.login-form .btn-primary{width:100%;margin-top:.5rem;padding:.75rem;font-size:1rem}.forgot-link{text-align:center;margin-top:1rem;font-size:.875rem}.forgot-link a{color:var(--primary);text-decoration:none}.forgot-link a:hover{text-decoration:underline}.success-msg{color:var(--success);text-align:center;margin-top:.75rem;font-size:.875rem}.landing-page{background:var(--bg);color:var(--text)}.landing-header{border-bottom:1px solid var(--border);background:var(--surface);z-index:100;position:sticky;top:0}.landing-header-inner{justify-content:space-between;align-items:center;max-width:1120px;height:56px;margin:0 auto;padding:0 1.5rem;display:flex}.landing-logo{color:var(--text);align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;display:flex}.landing-logo img{height:32px}.landing-hero{text-align:center;max-width:720px;margin:0 auto;padding:5rem 1.5rem 4rem}.landing-hero h1{color:var(--text);font-size:2.5rem;font-weight:800;line-height:1.2}.landing-hero-sub{color:var(--text-secondary);max-width:600px;margin-top:1.25rem;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.7}.landing-hero .btn-lg{margin-top:2rem;padding:.875rem 2rem;font-size:1.05rem}.landing-steps{background:var(--surface);padding:4rem 1.5rem}.landing-steps h2{text-align:center;margin-bottom:2.5rem;font-size:1.5rem}.landing-steps-grid{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:860px;margin:0 auto;display:grid}.landing-step{text-align:center}.landing-step-num{width:40px;height:40px;color:var(--primary);background:#2563eb1a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.1rem;font-weight:700;display:flex}.landing-step h3{margin-bottom:.5rem;font-size:1rem}.landing-step p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.landing-features{max-width:1120px;margin:0 auto;padding:4rem 1.5rem}.landing-features>h2{text-align:center;margin-bottom:.5rem;font-size:1.5rem}.landing-features-sub{text-align:center;color:var(--text-secondary);max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto}.landing-feature{align-items:center;gap:3rem;margin-bottom:4rem;display:flex}.landing-feature-reverse{flex-direction:row-reverse}.landing-feature-text{flex:5}.landing-feature-visual{flex:6;justify-content:center;min-width:0;display:flex}.landing-feature-text h3{margin-bottom:.75rem;font-size:1.25rem}.landing-feature-text>p{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.7}.landing-checks{padding:0;list-style:none}.landing-checks li{color:var(--text);align-items:flex-start;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;display:flex}.check-icon{width:18px;height:18px;color:var(--primary);flex-shrink:0;margin-top:2px}.browser-frame{border:1px solid var(--border);background:var(--card-bg);width:100%;box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow);border-radius:10px;overflow:hidden}.browser-frame-bar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:.5rem .75rem;display:flex}.browser-frame-dot{border-radius:50%;width:8px;height:8px}.browser-frame-dot.red{background:#f87171}.browser-frame-dot.yellow{background:#fbbf24}.browser-frame-dot.green{background:#34d399}.browser-frame-url{color:var(--text-secondary);margin-left:8px;font-size:.65rem}.browser-frame-body{max-height:340px;padding:.75rem;font-size:.7rem;line-height:1.4;overflow:hidden}.mockup-nav{border-bottom:1px solid var(--border);color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;font-size:.65rem;font-weight:600;display:flex}.mockup-nav span.mockup-nav-crumb{color:var(--text-secondary);font-weight:400}.mockup-cards{grid-template-columns:repeat(2,1fr);gap:.4rem;margin-bottom:.5rem;display:grid}.mockup-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.4rem .5rem}.mockup-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.55rem}.mockup-card-value{color:var(--text-primary);margin-top:1px;font-size:.9rem;font-weight:700}.mockup-card-status{margin-top:1px;font-size:.55rem;font-weight:600}.mockup-card-status.ok{color:#22c55e}.mockup-card-status.warn{color:#f59e0b}.mockup-card-status.danger{color:#ef4444}.mockup-detail-row{color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:4px;margin-top:.4rem;padding:.35rem .5rem;font-size:.6rem}.mockup-alert-banner{border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.4rem .6rem;font-size:.65rem;font-weight:600;display:flex}.mockup-alert-banner.warn{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.mockup-alert-banner.danger{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.mockup-alert-banner.info{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd}body.dark-mode .mockup-alert-banner.warn{color:#fde68a;background:#422006;border-color:#78350f}body.dark-mode .mockup-alert-banner.danger{color:#fca5a5;background:#450a0a;border-color:#7f1d1d}body.dark-mode .mockup-alert-banner.info{color:#93c5fd;background:#172554;border-color:#1e3a5f}.mockup-btn{border:1px solid var(--border);background:var(--card-bg);color:var(--text-primary);border-radius:4px;padding:.2rem .5rem;font-size:.55rem;font-weight:600;display:inline-block}.mockup-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.mockup-config-row{color:var(--text-secondary);align-items:center;gap:.5rem;padding:.25rem 0;font-size:.6rem;display:flex}.mockup-config-row strong{color:var(--text-primary)}.mockup-table{border-collapse:collapse;width:100%;margin-top:.4rem;font-size:.58rem}.mockup-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border);padding:.25rem .35rem;font-weight:600}.mockup-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:.25rem .35rem}.mockup-badge{border-radius:3px;padding:.1rem .35rem;font-size:.5rem;font-weight:600;display:inline-block}.mockup-badge.green{color:#166534;background:#dcfce7}.mockup-badge.amber{color:#92400e;background:#fef3c7}.mockup-badge.blue{color:#1e40af;background:#dbeafe}.mockup-badge.red{color:#991b1b;background:#fee2e2}body.dark-mode .mockup-badge.green{color:#86efac;background:#14532d}body.dark-mode .mockup-badge.amber{color:#fde68a;background:#422006}body.dark-mode .mockup-badge.blue{color:#93c5fd;background:#172554}body.dark-mode .mockup-badge.red{color:#fca5a5;background:#450a0a}.mockup-chat{flex-direction:column;gap:.4rem;display:flex}.mockup-chat-msg{border-radius:8px;max-width:85%;padding:.4rem .6rem;font-size:.6rem;line-height:1.5}.mockup-chat-msg.bot{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);align-self:flex-start}.mockup-chat-msg.user{background:var(--accent);color:#fff;align-self:flex-end}.mockup-chat-input{align-items:center;gap:.3rem;margin-top:.3rem;display:flex}.mockup-chat-input-field{border:1px solid var(--border);color:var(--text-secondary);background:var(--card-bg);border-radius:6px;flex:1;padding:.3rem .5rem;font-size:.6rem}.mockup-chat-remaining{color:var(--text-secondary);text-align:right;margin-top:.15rem;font-size:.5rem}.mockup-device-grid{grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:.5rem;display:grid}.mockup-device-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.5rem}.mockup-device-card h4{color:var(--text-primary);margin:0 0 .15rem;font-size:.65rem;font-weight:600}.mockup-device-card p{color:var(--text-secondary);margin:0;font-size:.55rem}.mockup-heatmap-wrapper{gap:4px;margin-top:.3rem;display:flex}.mockup-heatmap-days{color:var(--text-secondary);grid-template-rows:repeat(7,1fr);gap:2px;min-width:16px;font-size:.5rem;line-height:1;display:grid}.mockup-heatmap-days span{align-items:center;display:flex}.mockup-heatmap-grid{flex:1;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:2px;display:grid}.mockup-heatmap-cell{background:var(--surface);border:1px solid var(--border);border-radius:2px;min-height:10px}.mockup-heatmap-cell.l1{background:#dcfce7;border-color:#bbf7d0}.mockup-heatmap-cell.l2{background:#86efac;border-color:#4ade80}.mockup-heatmap-cell.l3{background:#22c55e;border-color:#16a34a}.mockup-heatmap-cell.l4{background:#15803d;border-color:#166534}body.dark-mode .mockup-heatmap-cell{background:#1a1a2e;border-color:#2a2a3e}body.dark-mode .mockup-heatmap-cell.l1{background:#14532d;border-color:#166534}body.dark-mode .mockup-heatmap-cell.l2{background:#15803d;border-color:#16a34a}body.dark-mode .mockup-heatmap-cell.l3{background:#16a34a;border-color:#22c55e}body.dark-mode .mockup-heatmap-cell.l4{background:#22c55e;border-color:#4ade80}.mockup-section-label{color:var(--text-primary);margin:.5rem 0 .3rem;font-size:.6rem;font-weight:600}.mockup-mode-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;margin-bottom:.4rem;padding:.5rem}.mockup-mode-card h4{color:var(--text-primary);align-items:center;gap:.3rem;margin:0 0 .2rem;font-size:.65rem;font-weight:600;display:flex}.mockup-mode-card p{color:var(--text-secondary);margin:.1rem 0;font-size:.55rem}body.dark-mode .browser-frame{box-shadow:0 4px 16px #0000004d}.landing-why{background:var(--surface);padding:4rem 1.5rem}.landing-why h2{text-align:center;margin-bottom:2.5rem;font-size:1.5rem}.landing-why-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1120px;margin:0 auto;display:grid}.landing-why-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.landing-why-card h3{margin-bottom:.5rem;font-size:1rem}.landing-why-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.landing-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-secondary);padding:2rem 1.5rem;font-size:.85rem}@media (max-width:768px){.landing-hero h1{font-size:1.75rem}.landing-hero-sub{font-size:1rem}.landing-steps-grid{grid-template-columns:1fr;gap:1.5rem}.landing-feature{flex-direction:column;gap:1.5rem}.landing-feature-reverse{flex-direction:column}.landing-why-grid,.mockup-device-grid{grid-template-columns:1fr}.mockup-cards{grid-template-columns:repeat(2,1fr)}}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-in fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--surface);box-shadow:var(--shadow-lg);border-radius:12px;width:100%;max-width:420px;margin:1rem}.modal-header h2{color:var(--text);font-size:1.125rem}.modal-text{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.9rem;line-height:1.5}.btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg);border-color:var(--primary);color:var(--primary)}.btn-danger{background:var(--danger);color:#fff;border:1px solid var(--danger)}.btn-danger:hover{background:#dc2626;border-color:#dc2626}.btn-logout{color:var(--text-secondary);border:1px solid var(--border);background:0 0;font-size:.8rem}.btn-logout:hover{color:var(--danger);border-color:var(--danger)}.btn-outline{color:var(--primary);border:1px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}.dashboard{max-width:1200px;margin:0 auto;padding:0 2rem 2rem;display:none}.header{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 0;display:flex}.header-logo a{display:inline-block}.header-logo img{height:60px}.header-right{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.header-divider{background:var(--border);width:1px;height:20px;margin:0 .25rem}.header-icon-btn{cursor:pointer;width:34px;height:34px;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;text-decoration:none;transition:background .15s,color .15s;display:inline-flex;position:relative}.header-icon-btn:hover{background:var(--border);color:var(--text)}.header-icon-btn svg{display:block}.notif-dot{background:var(--primary);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px}.header-user{color:var(--text-secondary);font-size:.8rem}#user-info{color:var(--text-secondary)}.leak-banner{border:1px solid var(--warning);color:#92400e;background:#fef3c7;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1.25rem;animation:.3s ease-in fadeIn;display:flex}.leak-banner.danger{border-color:var(--danger);color:#991b1b;background:#fee2e2}.leak-banner-content{align-items:center;gap:.75rem;font-size:.95rem;font-weight:500;display:flex}.leak-banner-icon{flex-shrink:0;font-size:1.25rem}.leak-banner-dismiss{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;padding:.25rem;font-size:1.25rem;line-height:1}.leak-banner-dismiss:hover{opacity:1}.device-selector-bar{background:var(--surface);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:.875rem 1.25rem;display:flex}.device-selector-left{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.device-selector-bar select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:4px;padding:.5rem 1rem;font-size:.9rem}.device-info{color:var(--text);font-size:1rem;line-height:1.3}.device-info strong{font-size:1.05rem}.device-info-sub{color:var(--text-secondary);margin-left:.5rem;font-size:.85rem}.btn-device-detail{white-space:nowrap;margin-left:auto}.status-section h2{margin-bottom:1rem;font-size:1.25rem}.live-indicator{letter-spacing:.02em;white-space:nowrap;border-radius:10px;align-items:center;gap:.35rem;padding:.15rem .5rem .15rem .35rem;font-size:.75rem;font-weight:500;display:inline-flex}.live-indicator:before{content:"";border-radius:50%;flex-shrink:0;width:8px;height:8px}.live-indicator.live-fresh{color:#16a34a;background:#f0fdf4}.live-indicator.live-fresh:before{background:#22c55e;box-shadow:0 0 4px #22c55e}.live-indicator.live-stale{color:#d97706;background:#fffbeb}.live-indicator.live-stale:before{background:#f59e0b}.live-indicator.live-offline{color:#dc2626;background:#fef2f2}.live-indicator.live-offline:before{background:#ef4444}body.dark-mode .live-indicator.live-fresh{color:#86efac;background:#22c55e26}body.dark-mode .live-indicator.live-stale{color:#fbbf24;background:#f59e0b26}body.dark-mode .live-indicator.live-offline{color:#fca5a5;background:#ef444426}.status-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.status-card{background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem}.status-card h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.8rem}.status-value{color:var(--text);margin-bottom:.25rem;font-size:2rem;font-weight:700}.status-label{color:var(--text-secondary);font-size:.875rem}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.3rem .875rem;font-size:.8rem;font-weight:600;display:inline-block}.badge-success{color:#065f46;background:#d1fae5}.badge-warning{color:#92400e;background:#fef3c7}.badge-danger{color:#991b1b;background:#fee2e2}.chat-section{margin-bottom:2rem}.chat-section h2{margin-bottom:.5rem;font-size:1.25rem}.help-text{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.chat-container{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.chat-messages{flex-direction:column;gap:1rem;max-height:500px;padding:1.5rem;display:flex;overflow-y:auto}.message{gap:.75rem;animation:.3s ease-in fadeIn;display:flex}.message.user{flex-direction:row-reverse}.message .avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.message.bot .avatar{background:var(--primary)}.message.user .avatar{background:var(--secondary)}.message .content{border-radius:12px;max-width:80%;padding:.85rem 1.1rem;font-size:.9rem;line-height:1.6}.message .content p{margin:.35rem 0}.message .content p:first-child{margin-top:0}.message .content p:last-child{margin-bottom:0}.message .content pre{background:#0000000f;border-radius:6px;margin:.5rem 0;padding:.6rem .8rem;font-size:.82rem;overflow-x:auto}.message .content pre code{background:0 0;padding:0}.message .content ul,.message .content ol{margin:.35rem 0;padding-left:1.25rem}.message .content li{margin:.2rem 0}.message .content strong{font-weight:600}.message .content h3,.message .content h4,.message .content h5{color:var(--text);font-weight:600}.message .content .chat-code{background:#0000000f;border-radius:3px;padding:.1rem .35rem;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85em}body.dark-mode .message .content pre{background:#ffffff14}body.dark-mode .message .content .chat-code{background:#ffffff1a}.message.bot .content{background:var(--bg);color:var(--text);border-bottom-left-radius:4px}.message.user .content{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.chat-input-container{border-top:1px solid var(--border);background:var(--bg);gap:.75rem;padding:1.25rem;display:flex}.chat-input{border:1px solid var(--border);resize:none;background:var(--surface);color:var(--text);border-radius:8px;flex:1;padding:.625rem .75rem;font-family:inherit;font-size:.95rem;line-height:1.4}.chat-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}#askButton{justify-content:center;align-self:flex-end;min-width:80px}.btn-loading{align-items:center;gap:.375rem;display:flex}.example-questions{margin-top:1.5rem}.example-title{color:var(--text-secondary);margin-bottom:.75rem;font-size:.875rem}.example-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.example-btn{padding:.4rem .875rem;font-size:.85rem}.quick-links{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.quick-links a{color:var(--primary);border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:.5rem 1rem;font-size:.85rem;text-decoration:none;transition:all .2s}.quick-links a:hover{background:var(--bg);border-color:var(--primary)}.footer{text-align:center;color:var(--text-secondary);border-top:1px solid var(--border);padding:2rem 0;font-size:.875rem}.footer a{color:var(--primary);text-decoration:none}.footer a:hover{text-decoration:underline}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}.spinner.small{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;width:14px;height:14px}.status-card.loading{flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:2rem;display:flex}.status-card.loading p{color:var(--text-secondary);margin-top:.75rem}.status-card.weather-freeze{background:#eff6ff;border-color:#3b82f6}.status-card.weather-freeze .status-value{color:#2563eb}.weather-freeze-icon{color:#2563eb;margin-left:.25rem;font-size:.85rem}body.dark-mode .status-card.weather-freeze{background:#3b82f61f;border-color:#3b82f6}body.dark-mode .status-card.weather-freeze .status-value,body.dark-mode .weather-freeze-icon{color:#60a5fa}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.alert-settings-section{margin-bottom:2rem}.alert-settings-grid{background:var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;padding:1.5rem;display:grid}.form-hint{color:var(--text-secondary);margin-top:.25rem;font-size:.75rem;display:block}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px}.alert-settings-actions{align-items:center;gap:1rem;display:flex}.save-status{color:var(--text-secondary);font-size:.875rem}.save-status.success{color:var(--success)}.save-status.error{color:var(--danger)}.form-group select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:6px;padding:.625rem .75rem;font-size:1rem}.trends-section{margin-bottom:2rem}.trends-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.trends-header h2{font-size:1.25rem}.trends-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.compare-hint{color:var(--text-secondary);font-size:.75rem;font-style:italic}.trends-controls select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:4px;padding:.375rem .75rem;font-size:.875rem}.chart-container{background:var(--surface);border:1px solid var(--border);border-radius:8px;height:300px;padding:1rem;position:relative}.device-summary-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;border-radius:.75rem;padding:1.25rem;transition:all .2s}.device-summary-card:hover,.device-summary-card:focus{border-color:var(--primary);outline:none;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb26}.device-summary-name{margin-bottom:.5rem;font-size:1rem;font-weight:600}.device-summary-location{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:.375rem;font-size:.75rem;display:flex}.device-summary-weather{color:var(--text-secondary);white-space:nowrap;margin-bottom:.375rem;font-size:.75rem}.device-summary-stats{color:var(--text-secondary);justify-content:space-between;margin-top:.75rem;font-size:.8rem;display:flex}.warning-card{border-left:4px solid var(--warning)}.stale-warning{border:1px solid var(--warning);color:#92400e;background:#fef3c7;border-radius:8px;margin-bottom:1rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500}.chart-timezone{text-align:center;color:var(--text-secondary);margin-top:.5rem;font-size:.8rem}.alert-history-section{margin-bottom:2rem}.alert-history-section h2{margin-bottom:1rem;font-size:1.25rem}.alert-history-table{border-collapse:collapse;width:100%;font-size:.875rem}.alert-history-table th{text-align:left;border-bottom:2px solid var(--border);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.alert-history-table td{border-bottom:1px solid var(--border);padding:.75rem 1rem}.alert-history-table tbody tr:hover{background:var(--bg)}.leak-banner-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.chat-buttons{align-self:flex-end;align-items:center;gap:.5rem;display:flex}.chat-limit-info{color:var(--text-secondary);font-size:.75rem}.chat-limit-low{color:var(--warning);font-weight:600}.chat-limit-exhausted{color:var(--danger);font-weight:600}.btn-clear-chat{padding:.375rem .625rem;font-size:.8rem}.section-description{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.5}.device-detail-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.device-detail-header h1{color:var(--text);font-size:1.5rem}.device-mode-icons{vertical-align:middle;align-items:center;gap:.35rem;margin-left:.5rem;display:inline-flex}.mode-icon{opacity:.25;cursor:default;font-size:1.1rem;transition:opacity .2s}.mode-icon-active{opacity:1}.mode-icon-active.mode-maintenance{color:#f59e0b}.mode-icon-active.mode-vacation{color:#3b82f6}.mode-icon-active.mode-freeze-warning{color:#f59e0b}.mode-icon-active.mode-freeze-critical{color:#ef4444}.device-tabs{border-bottom:2px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0;margin-bottom:1.5rem;display:flex;overflow-x:auto}.device-tabs::-webkit-scrollbar{display:none}.device-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.75rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:color .2s,border-color .2s}.device-tab:hover{color:var(--text)}.device-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.tab-panel{display:none}.tab-panel.active{display:block}.detail-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;margin-bottom:1.25rem}.detail-card-header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.875rem 1.25rem;display:flex}.detail-card-header h3{margin:0;font-size:1rem;font-weight:600}.detail-card-icon{flex-shrink:0;font-size:1.1rem}.detail-card-body{padding:1.25rem}.detail-card-header .trends-controls{margin-left:auto}.export-options{gap:1.25rem;display:grid}.export-option h4{margin-bottom:.25rem;font-size:.95rem;font-weight:600}.export-option .section-description{margin-bottom:.5rem}.export-option+.export-option{border-top:1px solid var(--border);padding-top:1.25rem}.toggle-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--border);border-radius:24px;transition:background .2s;position:absolute;top:0;bottom:0;left:0;right:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.retrain-section{margin-bottom:2rem}.retrain-section h2{margin-bottom:1rem;font-size:1.25rem}.model-info-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:1.25rem;padding:1.25rem}.model-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;font-size:.9rem;display:grid}.retrain-form{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.retrain-form .help-text{margin-bottom:1rem}.retrain-form h3,.model-history-section h3{margin-bottom:.5rem;font-size:1.1rem}.retrain-warning{border:1px solid var(--warning);color:#854d0e;background:#fefce8;border-radius:8px;margin-bottom:1.25rem;padding:1rem 1.25rem;font-size:.9rem;line-height:1.5}.retrain-warning strong{color:#92400e}.training-job-banner{border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;line-height:1.5;display:flex}.training-job-banner.job-active{border:1px solid var(--primary);color:#1e40af;background:#eff6ff}.training-job-banner.job-complete{border:1px solid var(--success);color:#166534;background:#f0fdf4}.training-job-banner.job-failed{border:1px solid var(--danger);color:#991b1b;background:#fef2f2}.training-job-banner .job-spinner{border:2px solid #93c5fd;border-top-color:#2563eb;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin}.training-job-banner .job-info{flex:1}.training-job-banner .btn-cancel-job{flex-shrink:0;padding:.25rem .75rem;font-size:.75rem}.model-history-section{margin-top:1.5rem}.model-history-section .help-text{margin-bottom:.75rem}.model-history-list{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.model-history-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.model-history-row:last-child{border-bottom:none}.model-history-row.model-active{background:#f0fdf4}.model-history-info{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.model-history-version{font-family:monospace;font-size:.9rem;font-weight:600}.model-history-meta{color:var(--text-secondary);font-size:.8rem}.model-history-actions{flex-shrink:0}.model-history-version-sub{color:var(--text-secondary);font-family:monospace;font-size:.75rem}.model-label-input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:4px;width:140px;padding:.2rem .5rem;font-size:.8rem}.model-label-input:focus{border-color:var(--primary);outline:none}.model-label-input::placeholder{color:var(--text-secondary);font-style:italic}.system-health-section{margin-bottom:2rem}.system-health-section h2{margin-bottom:1rem;font-size:1.25rem}.system-health-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.health-overall{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.health-overall.health-good{background:#f0fdf4}.health-overall.health-warn{background:#fefce8}.health-overall.health-bad{background:#fef2f2}.health-overall-icon{font-size:1.25rem}.health-overall-text{flex:1;font-size:1rem;font-weight:600}.health-good .health-overall-text{color:#065f46}.health-warn .health-overall-text{color:#92400e}.health-bad .health-overall-text{color:#991b1b}.health-overall-time{color:var(--text-secondary);font-size:.8rem}.health-services{padding:0}.health-service-row{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.875rem 1.25rem;display:flex}.health-service-row:last-child{border-bottom:none}.health-dot{flex-shrink:0;font-size:.75rem}.dot-healthy{color:var(--success)}.dot-degraded{color:var(--warning)}.dot-unhealthy{color:var(--danger)}.health-service-info{flex:1;min-width:0}.health-service-name{font-size:.9rem;font-weight:500;display:block}.health-service-desc{color:var(--text-secondary);font-size:.8rem;display:block}.health-service-status{text-align:right;flex-shrink:0}.health-status-badge{text-transform:capitalize;font-size:.75rem;font-weight:600;display:inline-block}.health-service-detail{color:var(--text-secondary);margin-top:.125rem;font-size:.75rem;display:block}.health-error-detail{background:#fef2f2;border-top:1px dashed #fecaca;align-items:flex-start;gap:.5rem;padding:.6rem 1.25rem .6rem 2.5rem;font-size:.8rem;line-height:1.4;display:flex}.health-error-icon{flex-shrink:0;font-size:.85rem}.health-error-text{color:#991b1b;word-break:break-word}body.dark-mode .health-error-detail{background:#450a0a;border-top-color:#7f1d1d}body.dark-mode .health-error-text{color:#fca5a5}.health-footer{color:var(--text-secondary);border-top:1px solid var(--border);background:var(--bg);padding:.75rem 1.25rem;font-size:.8rem}.tips-modal{max-width:520px}.btn-tips{min-width:36px;padding:.375rem .625rem;font-size:1rem;font-weight:700}.tips-step{text-align:center;padding:1rem 0 1.5rem}.tips-step-icon{margin-bottom:.75rem;font-size:2.5rem}.tips-step-title{color:var(--text);margin-bottom:.5rem;font-size:1.15rem;font-weight:600}.tips-step-desc{color:var(--text-secondary);max-width:400px;margin:0 auto;font-size:.9rem;line-height:1.6}.tips-nav{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.tips-dots{justify-content:center;gap:.5rem;display:flex}.tips-dot{background:var(--border);border-radius:50%;width:8px;height:8px;transition:background .2s}.tips-dot.active{background:var(--primary)}.tips-counter{text-align:center;color:var(--text-secondary);margin-bottom:.75rem;font-size:.8rem}.tips-checkbox{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.tips-checkbox input[type=checkbox]{width:16px;height:16px}body.dark-mode{--primary:#3b82f6;--primary-dark:#2563eb;--secondary:#94a3b8;--bg:#0f172a;--surface:#1e293b;--text:#e2e8f0;--text-secondary:#94a3b8;--border:#334155;--shadow:0 1px 3px #0000004d;--shadow-lg:0 10px 25px #0006;--accent:#3b82f6}body.dark-mode .leak-banner{color:#fbbf24;background:#422006;border-color:#92400e}body.dark-mode .leak-banner.danger{color:#fca5a5;background:#450a0a;border-color:#991b1b}body.dark-mode .badge-success{color:#6ee7b7;background:#064e3b}body.dark-mode .badge-warning{color:#fbbf24;background:#451a03}body.dark-mode .badge-danger{color:#fca5a5;background:#450a0a}body.dark-mode{--heatmap-empty:#1e293b;--heatmap-l1:#7f1d1d;--heatmap-l2:#991b1b;--heatmap-l3:#dc2626;--heatmap-l4:#ef4444}body.dark-mode .stale-warning,body.dark-mode .retrain-warning{color:#fbbf24;background:#422006;border-color:#92400e}body.dark-mode .retrain-warning strong{color:#fbbf24}body.dark-mode .training-job-banner.job-active{color:#93c5fd;background:#1e3a5f;border-color:#2563eb}body.dark-mode .training-job-banner.job-complete{color:#86efac;background:#052e16;border-color:#22c55e}body.dark-mode .training-job-banner.job-failed{color:#fca5a5;background:#450a0a;border-color:#ef4444}body.dark-mode .health-overall.health-good{background:#052e16}body.dark-mode .health-overall.health-warn{background:#422006}body.dark-mode .health-overall.health-bad{background:#450a0a}body.dark-mode .health-good .health-overall-text{color:#6ee7b7}body.dark-mode .health-warn .health-overall-text{color:#fbbf24}body.dark-mode .health-bad .health-overall-text{color:#fca5a5}body.dark-mode .model-history-row.model-active{background:#052e16}body.dark-mode .message.user .content{background:var(--primary);color:#fff}@media (prefers-color-scheme:dark){body:not(.light-mode){--primary:#3b82f6;--primary-dark:#2563eb;--secondary:#94a3b8;--bg:#0f172a;--surface:#1e293b;--text:#e2e8f0;--text-secondary:#94a3b8;--border:#334155;--shadow:0 1px 3px #0000004d;--shadow-lg:0 10px 25px #0006}}.btn-icon{min-width:36px;padding:.375rem .5rem;font-size:1.1rem;line-height:1}.header-toggle{cursor:pointer;color:var(--text-secondary);white-space:nowrap;align-items:center;gap:.375rem;font-size:.8rem;display:flex}.header-toggle input[type=checkbox]{width:16px;height:16px}.header-toggle-label{-webkit-user-select:none;user-select:none}.collapsible-section{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:background .15s;display:flex}.collapsible-header:hover{background:var(--bg)}.collapsible-title{align-items:center;gap:.75rem;display:flex}.collapsible-title h2{margin:0;font-size:1.15rem}.collapsible-icon{flex-shrink:0;font-size:1.25rem}.collapsible-badge{border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.collapsible-chevron{color:var(--text-secondary);flex-shrink:0;font-size:.75rem;transition:transform .25s}.collapsible-header-actions{align-items:center;gap:.75rem;display:flex}.collapsible-body{max-height:0;padding:0 1.25rem;transition:max-height .35s,padding .35s;overflow:hidden}.collapsible-section.collapsible-open>.collapsible-header .collapsible-chevron{transform:rotate(180deg)}.collapsible-section.collapsible-open>.collapsible-body{max-height:5000px;padding:0 1.25rem 1.25rem;overflow:visible}.subsection-divider{border-top:1px solid var(--border);margin:1.5rem 0}.subsection-title{margin-bottom:.5rem;font-size:1rem;font-weight:600}.maintenance-header{align-items:center;gap:.75rem;display:flex}#maintenance-label{flex:1;font-weight:500}#section-maintenance.maintenance-active{border-color:var(--warning)}#section-maintenance.maintenance-active>.collapsible-header{background:#fefce8}body.dark-mode #section-maintenance.maintenance-active>.collapsible-header{background:#422006}.maintenance-form{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.btn-sm{padding:.3rem .75rem;font-size:.8rem}.badge-maintenance{color:#92400e;vertical-align:middle;background:#fef3c7;border-radius:4px;margin-left:.5rem;padding:.2rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}body.dark-mode .badge-maintenance{color:#fbbf24;background:#451a03}.badge-vacation{color:#1e40af;vertical-align:middle;background:#dbeafe;border-radius:4px;margin-left:.5rem;padding:.2rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}body.dark-mode .badge-vacation{color:#93c5fd;background:#1e3a5f}.vacation-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}#section-vacation.vacation-active>.collapsible-header{background:#eff6ff}body.dark-mode #section-vacation.vacation-active>.collapsible-header{background:#1e3a5f}.confusion-matrix{border-collapse:collapse}.confusion-matrix th,.confusion-matrix td{border:1px solid var(--border);text-align:center;padding:.35rem .75rem}.confusion-matrix th{background:var(--bg)}.cm-tp{color:var(--success);background:#10b98126;font-weight:600}.cm-tn{background:#10b98114}.cm-fp{color:var(--danger);background:#ef44441a;font-weight:600}.cm-fn{color:var(--warning);background:#f59e0b1a;font-weight:600}.feedback-history-table{border-collapse:collapse;width:100%;font-size:.8rem}.feedback-history-table th{text-align:left;border-bottom:2px solid var(--border);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;padding:.4rem .5rem;font-size:.7rem}.feedback-history-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:.4rem .5rem}.feedback-badge{border-radius:9999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.feedback-leak{color:#dc2626;background:#ef44441f}.feedback-false-alarm{color:#059669;background:#10b9811f}body.dark-mode .feedback-leak{color:#fca5a5;background:#ef444433}body.dark-mode .feedback-false-alarm{color:#6ee7b7;background:#10b98133}.feedback-note-text{color:var(--text-secondary);margin-top:.2rem;font-size:.7rem;font-style:italic}.heatmap-controls{margin-bottom:.75rem}.heatmap-controls select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:4px;padding:.3rem .5rem;font-size:.85rem}.heatmap-wrapper{gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.heatmap-days{color:var(--text-secondary);grid-template-rows:repeat(7,14px);align-items:center;gap:2px;min-width:28px;font-size:.6rem;display:grid}.heatmap-container{grid-template-rows:repeat(7,14px);grid-auto-columns:14px;grid-auto-flow:column;gap:2px;display:grid}.heatmap-cell{cursor:default;border-radius:2px;width:14px;height:14px}.heatmap-tooltip{background:var(--surface);border:1px solid var(--border);color:var(--text);pointer-events:none;z-index:100;white-space:nowrap;border-radius:4px;padding:4px 8px;font-size:.75rem;display:none;position:absolute;box-shadow:0 2px 4px #00000026}.heatmap-legend{color:var(--text-secondary);align-items:center;gap:.35rem;margin-top:.5rem;font-size:.75rem;display:flex}.heatmap-swatch{border-radius:2px;width:14px;height:14px;display:inline-block}.freeze-indicator{vertical-align:middle;border-radius:4px;margin-left:.5rem;padding:.2rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.freeze-warning{color:#92400e;background:#fef3c7}.freeze-critical{color:#991b1b;background:#fee2e2}body.dark-mode .freeze-warning{color:#fbbf24;background:#451a03}body.dark-mode .freeze-critical{color:#fca5a5;background:#450a0a}.weather-card{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;font-size:.9rem}.weather-card.freeze-warning{background:#fffbeb;border-color:#f59e0b}.weather-card.freeze-critical{background:#fef2f2;border-color:#ef4444}body.dark-mode .weather-card.freeze-warning{background:#451a03;border-color:#854d0e}body.dark-mode .weather-card.freeze-critical{background:#450a0a;border-color:#991b1b}.config-summary{background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;margin-top:.75rem;padding:.75rem 1.25rem;font-size:.875rem}.config-summary:empty{display:none}.weekly-report-section{padding:0}.weekly-report-status{color:var(--text-secondary);margin-bottom:.75rem;font-size:.85rem}.maintenance-history{border-top:1px solid var(--border);margin-top:1rem;padding-top:.75rem}.maintenance-history h4{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem}.maintenance-history-list{color:var(--text-secondary);font-size:.8rem;list-style:none}.maintenance-history-list li{padding:.25rem 0}.maint-on{color:var(--warning);font-weight:600}.maint-off{color:var(--success);font-weight:600}.feedback-popup{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:100;text-align:center;border-radius:8px;min-width:200px;padding:1rem;position:absolute}.feedback-popup h4{color:var(--text);margin-bottom:.75rem;font-size:.9rem}.feedback-popup .feedback-actions{justify-content:center;gap:.5rem;display:flex}.btn-xs{padding:.25rem .5rem;font-size:.75rem}.alert-settings-grid textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);resize:vertical;border-radius:6px;padding:.625rem .75rem;font-family:inherit;font-size:1rem}.alert-settings-grid textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.feedback-fab{background:var(--primary);color:#fff;cursor:pointer;z-index:900;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 12px #00000040}.feedback-fab:hover{transform:scale(1.1);box-shadow:0 6px 20px #0000004d}#feedbackModal textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);resize:vertical;border-radius:6px;padding:.625rem .75rem;font-family:inherit;font-size:1rem}#feedbackModal textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}#feedbackModal select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:6px;padding:.625rem .75rem;font-size:1rem}@media (max-width:768px){.dashboard{padding:0 1rem 1rem}.header{flex-direction:column;align-items:flex-start;gap:.75rem}.header-right{flex-wrap:wrap}.device-selector-bar,.device-selector-left{flex-direction:column;align-items:flex-start}.status-cards{grid-template-columns:1fr}.message .content{max-width:90%}.chat-input-container{flex-direction:column}#askButton{align-self:stretch}.example-buttons{flex-direction:column}.chart-container{height:220px}.trends-header{flex-direction:column;align-items:flex-start}.device-tab{padding:.625rem 1rem;font-size:.85rem}.detail-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.detail-card-header .trends-controls{width:100%;margin-left:0}.alert-settings-grid{grid-template-columns:1fr}.health-service-row{flex-wrap:wrap}.health-service-status{text-align:left;width:100%;margin-left:1.5rem}.health-service-desc{display:none}.overview-status-grid{grid-template-columns:1fr}.overview-pump-layout{flex-direction:column;align-items:flex-start;gap:1rem}}.leak-banner.snoozed{color:#475569;opacity:.85;background:#f1f5f9;border-color:#94a3b8}.snooze-select{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:4px;padding:.25rem .5rem;font-size:.75rem}body.dark-mode .leak-banner.snoozed{color:#94a3b8;background:#1e293b;border-color:#475569}.threshold-suggestion{border-radius:6px;margin-top:.5rem;padding:.75rem;font-size:.85rem;line-height:1.5}.threshold-suggestion-info{border:1px solid var(--border);color:var(--text-secondary);background:#f8fafc}.threshold-suggestion-active{color:var(--text);background:#eff6ff;border:1px solid #93c5fd;border-left:3px solid #2563eb}body.dark-mode .threshold-suggestion-info{background:#1e293b}body.dark-mode .threshold-suggestion-active{background:#1e3a5f;border-color:#3b82f6}.location-search-row{align-items:center;gap:.5rem;display:flex}.location-search-row input{flex:1}.location-results{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}.location-result-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;transition:border-color .2s,background .2s}.location-result-btn:hover{border-color:var(--primary);background:#eff6ff}body.dark-mode .location-result-btn:hover{background:#1e3a5f}.location-advanced{color:var(--text-secondary);margin-top:.75rem;font-size:.85rem}.location-advanced summary{cursor:pointer;-webkit-user-select:none;user-select:none}.anomaly-feedback-buttons{gap:.75rem;margin-top:.5rem;display:flex}.anomaly-feedback-buttons .btn{flex:1}@media (max-width:480px){.dashboard{padding:0 .5rem 1rem}.header{margin-bottom:1rem;padding:.75rem 0}.header-logo img{height:40px}.header-right{gap:.375rem;font-size:.75rem}.header-right .btn{padding:.375rem .625rem;font-size:.75rem}.header-user,.header-divider{display:none}.status-cards{gap:.75rem}.status-card{padding:1rem}.status-value{font-size:1.5rem}.chat-input{font-size:16px}.device-tabs{gap:0}.device-tab{text-align:center;flex:1;padding:.625rem .5rem;font-size:.8rem}.btn{min-height:44px}.device-selector-bar{gap:.5rem;padding:.75rem}.device-selector-bar select{width:100%;padding:.625rem}.example-btn{min-height:44px;padding:.5rem 1rem}.leak-banner{padding:.625rem .75rem}.modal{max-width:calc(100vw - 1rem);margin:.5rem}.chart-container{height:180px}.pump-health-row{flex-direction:column}.pump-health-gauge-wrap{margin-bottom:1rem}.water-level-summary{flex-direction:column;gap:1rem}}.pump-health-row{align-items:flex-start;gap:2rem;display:flex}.pump-health-gauge-wrap{flex-shrink:0}.pump-health-gauge{background:conic-gradient(var(--gauge-color,#22c55e) calc(var(--gauge-pct,0) * 1%), var(--border-color) calc(var(--gauge-pct,0) * 1%));border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.pump-health-gauge:before{content:"";background:var(--card-bg);border-radius:50%;width:96px;height:96px;position:absolute}.gauge-value{z-index:1;color:var(--text-primary);font-size:2rem;font-weight:700;position:relative}.gauge-label{z-index:1;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;position:relative}.pump-health-details{flex:1;grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.pump-stat{flex-direction:column;gap:.25rem;display:flex}.pump-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem}.pump-stat-value{color:var(--text-primary);font-size:1.1rem;font-weight:600}.pump-anomalies{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.pump-anomaly-badge{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.8rem;font-weight:500;display:inline-flex}body.dark-mode .pump-anomaly-badge{background:#ef444426}.cycle-row-good{background:#22c55e0d}.cycle-row-warning{background:#eab30814}.cycle-row-danger{background:#ef444414}body.dark-mode .cycle-row-good{background:#22c55e14}body.dark-mode .cycle-row-warning{background:#eab3081f}body.dark-mode .cycle-row-danger{background:#ef44441f}.form-row{gap:1rem;margin-bottom:1rem;display:flex}.form-row .form-group{flex:1}.water-level-summary{align-items:center;gap:2rem;display:flex}.water-level-current{flex-shrink:0;align-items:baseline;gap:.25rem;display:flex}.water-level-value{color:var(--text-primary);font-size:3rem;font-weight:700;line-height:1}.water-level-unit{color:var(--text-secondary);font-size:1.25rem;font-weight:500}.water-level-trend-arrow{margin-left:.5rem;font-size:1.5rem}.water-level-trend-arrow.declining{color:#ef4444}.water-level-trend-arrow.rising{color:#22c55e}.water-level-trend-arrow.stable{color:var(--text-secondary)}.water-level-stats{flex:1;grid-template-columns:1fr 1fr 1fr;gap:.75rem;display:grid}.pump-sensor-coverage{border-top:1px solid var(--border-color);margin-top:1.25rem;padding-top:1rem}.sensor-accuracy-note{color:var(--text-secondary);background:#eab30814;border-left:3px solid #eab308;border-radius:4px;margin-bottom:.75rem;padding:.75rem 1rem;font-size:.85rem;line-height:1.5}.sensor-details{font-size:.85rem}.sensor-details summary{cursor:pointer;color:var(--text-secondary);padding:.25rem 0;font-weight:500}.sensor-details summary:hover{color:var(--text-primary)}.sensor-lists{grid-template-columns:1fr 1fr;gap:1rem;margin-top:.75rem;display:grid}.sensor-list-section h4{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);margin-bottom:.5rem;font-size:.75rem}.sensor-list{margin:0;padding:0;list-style:none}.sensor-list li{border-bottom:1px solid var(--border-color);flex-direction:column;gap:.1rem;padding:.3rem 0;font-size:.8rem;display:flex}.sensor-list li:last-child{border-bottom:none}.sensor-name{color:var(--text-primary);font-weight:500}.sensor-purpose{color:var(--text-secondary);font-size:.75rem}.sensor-name.available:before{content:"✓";color:#22c55e}.sensor-name.missing:before{content:"+ ";color:#eab308}.overview-status-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.overview-status-item{border:1px solid var(--border-color);border-radius:10px;flex-direction:column;padding:1.25rem 1.5rem;display:flex}.overview-status-item h4{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:.75rem;font-size:.85rem}.overview-stats-row{flex:1;grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.overview-pump-layout{flex:1;align-items:center;gap:2rem;display:flex}.overview-gauge-sm{transform-origin:50%;flex-shrink:0;transform:scale(.8)}.overview-pump-stats{flex-direction:column;gap:1rem;display:flex}.overview-detail-link{margin-top:auto;padding-top:1rem;font-size:.8rem}.overview-detail-link a{color:var(--accent)}.chart-container-sm{height:200px}.masquerade-banner{color:#92400e;z-index:1000;background:#fef3c7;border-bottom:2px solid #f59e0b;justify-content:center;align-items:center;gap:1rem;padding:.5rem 1rem;font-size:.85rem;display:flex;position:sticky;top:0}body.dark-mode .masquerade-banner{color:#fbbf24;background:#422006;border-color:#92400e}.admin-tabs{border-bottom:2px solid var(--border-color,#e2e8f0);gap:0;margin-bottom:1.5rem;display:flex}.admin-tab{color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:color .2s,border-color .2s}.admin-tab:hover{color:var(--text,#1e293b)}.admin-tab.active{color:var(--primary,#2563eb);border-bottom-color:var(--primary,#2563eb)}.admin-section{margin-bottom:2.5rem}.admin-section h2{margin-bottom:1rem;font-size:1.25rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-header h2{margin-bottom:0}.telemetry-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.tele-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:.75rem;padding:1.25rem}.tele-card h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem}.tele-value{color:var(--text);margin-bottom:.25rem;font-size:1.75rem;font-weight:700;line-height:1}.tele-sub{color:var(--text-secondary);font-size:.8rem}.tele-desc{color:var(--text-secondary);opacity:.8;margin-top:.5rem;font-size:.7rem;line-height:1.4}.tele-card-wide{grid-column:1/-1}.analytics-grid{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:.75rem;padding-top:.5rem;display:grid}.analytics-section{font-size:.75rem}.analytics-section strong{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.65rem;display:block}.tele-breakdown{border-top:1px solid var(--border);margin-top:.5rem;padding-top:.4rem;font-size:.7rem}.tele-user-row{color:var(--text-secondary);justify-content:space-between;padding:.15rem 0;display:flex}.tele-user-row.poll-error{color:#ef4444;font-weight:600}.tele-user-row.poll-warn{color:#f59e0b}.analytics-summary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.analytics-stat{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:.75rem;padding:1.25rem}.analytics-stat-value{color:var(--text);font-size:2rem;font-weight:700;line-height:1}.analytics-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:.35rem;font-size:.75rem}.analytics-panels{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.analytics-panel{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem}.analytics-panel-full{grid-column:1/-1}.analytics-panel h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.75rem}.analytics-table{border-collapse:collapse;width:100%;font-size:.8rem}.analytics-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border);padding:.35rem .5rem;font-size:.7rem}.analytics-table th.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.analytics-table th.sortable-th:hover{color:var(--text)}.analytics-table td{border-bottom:1px solid var(--border);color:var(--text);padding:.4rem .5rem}.analytics-table td:last-child,.analytics-table th:last-child{text-align:right}.analytics-bar-row{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8rem;display:flex}.analytics-bar-label{min-width:60px;color:var(--text);font-weight:500}.analytics-bar-track{background:var(--border);border-radius:4px;flex:1;height:18px;overflow:hidden}.analytics-bar-fill{background:var(--primary);border-radius:4px;min-width:2px;height:100%;transition:width .3s}.analytics-bar-value{text-align:right;min-width:30px;color:var(--text-secondary);font-size:.75rem}.analytics-empty{color:var(--text-secondary);padding:1rem 0;font-size:.8rem;font-style:italic}.analytics-sparkline{align-items:flex-end;gap:2px;height:60px;padding:.5rem 0;display:flex}.analytics-sparkline-bar{background:var(--primary);border-radius:2px 2px 0 0;flex:1;min-width:4px;position:relative}.analytics-sparkline-bar:hover{background:var(--primary-hover,#1d4ed8)}.analytics-sparkline-bar:hover:after{content:attr(data-tooltip);background:var(--bg-primary,#1e293b);color:var(--text-primary,white);white-space:nowrap;z-index:10;border-radius:4px;padding:2px 6px;font-size:.7rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.analytics-hours{align-items:flex-end;gap:1px;height:50px;display:flex}.analytics-hour-bar{background:var(--primary);border-radius:2px 2px 0 0;flex:1;min-width:0;position:relative}.analytics-hour-bar:hover{opacity:.8}.analytics-hour-bar:hover:after{content:attr(data-tooltip);background:var(--bg-primary,#1e293b);color:var(--text-primary,white);white-space:nowrap;z-index:10;border-radius:4px;padding:2px 6px;font-size:.7rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.analytics-hour-labels{color:var(--text-secondary);justify-content:space-between;margin-top:2px;font-size:.65rem;display:flex}.analytics-visitor-split{align-items:center;gap:.5rem;margin-top:.25rem;font-size:.8rem;display:flex}.analytics-visitor-split .new-badge{color:var(--success,#16a34a);font-weight:500}.analytics-visitor-split .returning-badge{color:var(--text-secondary);font-weight:500}.analytics-flow-table{border-collapse:collapse;width:100%;font-size:.8rem}.analytics-flow-table td,.analytics-flow-table th{text-align:left;border-bottom:1px solid var(--border);padding:.35rem .5rem}.analytics-flow-arrow{color:var(--text-secondary);padding:0 .25rem}.tele-cost{color:var(--primary);margin-top:.25rem;font-size:.7rem;font-weight:600}.table-container{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:.75rem;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.875rem}.admin-table th{text-align:left;border-bottom:2px solid var(--border);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.admin-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.75rem 1rem}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--bg)}.loading-cell{text-align:center;padding:2rem!important}.role-badge{white-space:nowrap;letter-spacing:.02em;border-radius:9999px;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.role-admin{color:#1e40af;background:#dbeafe}.role-platform_admin{color:#6d28d9;background:#ede9fe}.role-viewer{color:#475569;background:#f1f5f9}.status-active{color:var(--success);font-weight:600}.status-inactive{color:var(--danger);font-weight:600}.grafana-yes{color:var(--success)}.grafana-no{color:var(--text-secondary)}.action-buttons{flex-wrap:wrap;gap:.375rem;display:flex}.btn-xs{border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.btn-danger{color:var(--danger);border:1px solid var(--danger);background:0 0}.btn-danger:hover{background:var(--danger);color:#fff}.btn-success{color:var(--success);border:1px solid var(--success);background:0 0}.btn-success:hover{background:var(--success);color:#fff}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--surface);box-shadow:var(--shadow-lg);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-sm{max-width:380px}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h3{margin:0;font-size:1.125rem}.modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.modal-close:hover{color:var(--text)}.modal-body{padding:1.5rem}.modal-body .form-group{margin-bottom:1rem}.modal-body select,.modal-body input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:6px;padding:.625rem .75rem;font-size:1rem}.modal-body input:focus,.modal-body select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.toast-container{z-index:2000;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:1rem;right:1rem}.toast{box-shadow:var(--shadow-lg);border-radius:8px;max-width:400px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;animation:.3s ease-out slideIn}.toast-success{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.toast-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.pagination{justify-content:center;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.pagination-info{color:var(--text-secondary);font-size:.85rem}.feedback-list{flex-direction:column;gap:.75rem;display:flex}.feedback-item{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:8px;padding:1rem}.feedback-item.feedback-read{opacity:.7;border-left-color:var(--border)}.feedback-item-header{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.feedback-item-body{color:var(--text);white-space:pre-wrap;font-size:.9rem;line-height:1.5}.feedback-item-notes{border-top:1px solid var(--border);color:var(--text-secondary);margin-top:.5rem;padding-top:.5rem;font-size:.85rem}.feedback-count-badge{background:var(--danger);color:#fff;vertical-align:middle;border-radius:9999px;margin-left:.375rem;padding:.125rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.modal-lg{max-width:680px}.wizard-steps{border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:0;padding:1.25rem 1.5rem;display:flex}.wizard-step-indicator{flex-direction:column;flex-shrink:0;align-items:center;gap:.25rem;display:flex;position:relative}.wizard-step-number{border:2px solid var(--border);width:32px;height:32px;color:var(--text-secondary);background:var(--surface);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.wizard-step-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.7rem;font-weight:500}.wizard-step-indicator.active .wizard-step-number{border-color:var(--primary);background:var(--primary);color:#fff}.wizard-step-indicator.active .wizard-step-label{color:var(--primary);font-weight:600}.wizard-step-indicator.completed .wizard-step-number{border-color:var(--success);background:var(--success);color:#fff}.wizard-step-indicator.completed .wizard-step-label{color:var(--success)}.wizard-step-connector{background:var(--border);flex:1;min-width:24px;height:2px;margin:0 .5rem 1.25rem;transition:background .2s}.wizard-step-connector.completed{background:var(--success)}.wizard-progress-bar{background:var(--border);border-radius:4px;width:100%;height:8px;overflow:hidden}.wizard-progress-fill{background:var(--primary);border-radius:4px;min-width:0;height:100%;transition:width .3s}.wizard-log{border:1px solid var(--border);background:var(--bg);border-radius:8px;max-height:300px;margin-top:1rem;padding:.75rem;font-size:.85rem;overflow-y:auto}.wizard-log:empty{display:none}.wizard-log-entry{align-items:flex-start;gap:.5rem;padding:.3rem 0;line-height:1.4;display:flex}.wizard-log-entry+.wizard-log-entry{border-top:1px solid var(--border)}.wizard-log-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:.8rem;font-weight:700;display:inline-flex}.wizard-log-check{color:var(--success)}.wizard-log-error{color:var(--danger)}.wizard-log-skip,.wizard-log-info{color:var(--text-secondary)}.wizard-log-spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite wizardSpin}@keyframes wizardSpin{to{transform:rotate(360deg)}}.wizard-log-msg{color:var(--text);word-break:break-word}.wizard-device-table{font-size:.85rem}.wizard-device-table th,.wizard-device-table td{padding:.5rem .75rem}.wizard-device-table input[type=checkbox]{cursor:pointer;width:16px;height:16px}.infra-metric-row{justify-content:space-between;align-items:baseline;margin-bottom:.25rem;display:flex}.infra-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.infra-value{font-size:.85rem;font-weight:600}.infra-bar-track{background:var(--border-color,#e2e8f0);border-radius:3px;height:6px;overflow:hidden}.infra-bar-fill{border-radius:3px;height:100%;transition:width .5s}@media (max-width:768px){.telemetry-cards{grid-template-columns:repeat(2,1fr)}.section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.action-buttons{flex-direction:column}.modal{margin:1rem}.modal-lg{max-width:100%}.wizard-steps{gap:0;padding:1rem}.wizard-step-label{font-size:.6rem}.wizard-step-number{width:28px;height:28px;font-size:.7rem}.wizard-step-connector{min-width:12px;margin:0 .25rem}.wizard-log{max-height:200px}}