body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0f1a;--bg-secondary:#111827;--bg-card:#1a2332;--bg-elevated:#232f42;--border-color:#ffffff14;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-green:#10b981;--accent-blue:#3b82f6;--accent-orange:#f59e0b;--accent-red:#ef4444;--gradient-green:linear-gradient(135deg,#10b981,#059669);--gradient-blue:linear-gradient(135deg,#3b82f6,#2563eb);--gradient-orange:linear-gradient(135deg,#f59e0b,#d97706);--gradient-red:linear-gradient(135deg,#ef4444,#dc2626);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow-green:0 0 30px #10b9814d;--shadow-glow-blue:0 0 30px #3b82f64d;--shadow-glow-red:0 0 30px #ef444466;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}body{background:#0a0f1a;background:var(--bg-primary);color:#f1f5f9;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;min-height:100vh}.login-screen{align-items:center;background:linear-gradient(135deg,#0a0f1a,#0f1729 50%,#111827);background:linear-gradient(135deg,var(--bg-primary) 0,#0f1729 50%,#111827 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;position:relative}.login-screen:before{animation:bgPulse 15s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#3b82f614 0,#0000 50%),radial-gradient(circle at 70% 70%,#10b98114 0,#0000 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes bgPulse{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(5deg)}}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a2332cc;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 8px 40px #00000080;box-shadow:var(--shadow-lg);max-width:400px;padding:3rem 2.5rem;position:relative;width:100%;z-index:1}.login-logo{margin-bottom:2.5rem;text-align:center}.logo-icon{display:block;filter:drop-shadow(0 0 20px rgba(59,130,246,.5));font-size:4rem;margin-bottom:1rem}.login-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-logo p{color:#94a3b8;color:var(--text-secondary);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1rem}.step-indicator{gap:.5rem;margin-bottom:.5rem}.step,.step-indicator{align-items:center;display:flex;justify-content:center}.step{background:#ffffff1a;border:2px solid #ffffff14;border:2px solid var(--border-color);border-radius:50%;color:#64748b;color:var(--text-muted);font-size:.9rem;font-weight:600;height:32px;transition:all .3s ease;width:32px}.step.active{background:#3b82f6;background:var(--accent-blue);border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 15px #3b82f666;color:#fff}.step.done{background:#10b981;background:var(--accent-green);border-color:#10b981;border-color:var(--accent-green);color:#fff}.step-line{background:#ffffff14;background:var(--border-color);border-radius:2px;height:3px;transition:all .3s ease;width:40px}.step-line.active{background:#3b82f6;background:var(--accent-blue)}.step-label{color:#94a3b8;color:var(--text-secondary);font-size:.95rem;margin-bottom:.5rem;text-align:center}.countdown-timer{align-items:center;background:#3b82f61a;border-radius:12px;border-radius:var(--radius-md);color:#3b82f6;color:var(--accent-blue);display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem}.countdown-timer .timer-icon{font-size:1.1rem}.countdown-timer .timer-warning{animation:pulse 1s infinite;color:#ef4444;color:var(--accent-red)}.sms-input{font-size:1.8rem;letter-spacing:.8rem}.back-button{background:#0000;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.75rem;transition:all .3s ease;width:100%}.back-button:hover{background:#ffffff0d;border-color:#94a3b8;border-color:var(--text-secondary)}.back-button:disabled{cursor:not-allowed;opacity:.5}.pin-input{background:#0f172a99;border:2px solid #ffffff14;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#f1f5f9;color:var(--text-primary);font-size:1.5rem;letter-spacing:.5rem;padding:1rem 1.5rem;text-align:center;transition:all .3s ease;width:100%}.pin-input:focus{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 20px #3b82f633;outline:none}.pin-input::placeholder{color:#64748b;color:var(--text-muted);font-size:1rem;letter-spacing:normal}.login-button{background:linear-gradient(135deg,#3b82f6,#2563eb);background:var(--gradient-blue);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 6px 25px #3b82f666;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-error{background:#ef444426;border:1px solid #ef44444d;border-radius:8px;border-radius:var(--radius-sm);color:#fca5a5;font-size:.9rem;margin-top:1rem;padding:.75rem 1rem;text-align:center}.login-status{align-items:center;color:#94a3b8;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem;justify-content:center;margin-top:2rem}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.status-dot.online{background:#10b981;background:var(--accent-green);box-shadow:0 0 10px #10b981;box-shadow:0 0 10px var(--accent-green)}.status-dot.offline{background:#f59e0b;background:var(--accent-orange);box-shadow:0 0 10px #f59e0b;box-shadow:0 0 10px var(--accent-orange)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.app{background:linear-gradient(180deg,#0a0f1a,#0d1321);background:linear-gradient(180deg,var(--bg-primary) 0,#0d1321 100%);display:flex;flex-direction:column;min-height:100vh}.main-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2332f2;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-color);justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-brand,.main-header{align-items:center;display:flex}.header-brand{gap:.75rem}.brand-icon{filter:drop-shadow(0 0 10px rgba(59,130,246,.4));font-size:2rem}.brand-text h1{color:#f1f5f9;color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.2}.brand-subtitle{color:#64748b;color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.header-status{gap:1rem}.ha-indicator,.header-status{align-items:center;display:flex}.ha-indicator{border-radius:2rem;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.ha-indicator.online{background:#10b98126;border:1px solid #10b9814d;color:#6ee7b7}.ha-indicator.offline{background:#f59e0b26;border:1px solid #f59e0b4d;color:#fcd34d}.indicator-dot{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.ha-indicator.online .indicator-dot{background:#10b981;background:var(--accent-green);box-shadow:0 0 8px #10b981;box-shadow:0 0 8px var(--accent-green)}.ha-indicator.offline .indicator-dot{background:#f59e0b;background:var(--accent-orange);box-shadow:0 0 8px #f59e0b;box-shadow:0 0 8px var(--accent-orange)}.logout-btn{background:#ef444426;border:1px solid #ef44444d;border-radius:8px;border-radius:var(--radius-sm);color:#fca5a5;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.logout-btn:hover{background:#ef444440;border-color:#ef444480}.backup-alert{align-items:center;background:linear-gradient(90deg,#f59e0b33,#ea580c33);border-bottom:1px solid #f59e0b4d;color:#fcd34d;display:flex;font-size:.9rem;font-weight:600;gap:.75rem;justify-content:center;letter-spacing:.05em;padding:.75rem 1rem;text-transform:uppercase}.alert-icon{animation:shake 1s ease-in-out infinite;font-size:1.25rem}@keyframes shake{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.tab-nav{background:#11182780;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-color);padding:1rem 2rem}.tab-button,.tab-nav{display:flex;gap:.5rem}.tab-button{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.tab-button:hover{background:#ffffff0d;color:#f1f5f9;color:var(--text-primary)}.tab-button.active{background:#3b82f626;border-color:#3b82f64d;color:#93c5fd}.tab-icon{font-size:1.25rem}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.section-title{align-items:center;color:#94a3b8;color:var(--text-secondary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;letter-spacing:.08em;margin-bottom:1.25rem;text-transform:uppercase}.section-title:before{background:linear-gradient(135deg,#3b82f6,#2563eb);background:var(--gradient-blue);border-radius:2px;content:"";height:1.25rem;width:4px}.energy-dashboard{display:flex;flex-direction:column;gap:2rem}.overview-section{margin-bottom:.5rem}.energy-flow-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.energy-flow-card{align-items:center;background:linear-gradient(135deg,#1a2332,#1a2332cc);background:linear-gradient(135deg,var(--bg-card) 0,#1a2332cc 100%);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:1rem;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s ease}.energy-flow-card:before{background:var(--card-color);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.energy-flow-card:hover{border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.flow-icon{filter:drop-shadow(0 0 8px var(--card-color));font-size:2rem}.flow-info{display:flex;flex-direction:column;gap:.25rem}.flow-label{color:#94a3b8;color:var(--text-secondary);font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.flow-value{color:#f1f5f9;color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.2}.flow-value small{color:#94a3b8;color:var(--text-secondary);font-size:.9rem;font-weight:500}.flow-status{border-radius:2rem;font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:.2rem .5rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.flow-status.export{background:#10b98133;color:#6ee7b7}.flow-status.import{background:#ef444433;color:#fca5a5}.flow-status.balanced{background:#64748b33;color:#94a3b8}.flow-status.Decharge{background:#f59e0b33;color:#fcd34d}.flow-status.Charge{background:#10b98133;color:#6ee7b7}.flow-status.Repos{background:#64748b33;color:#94a3b8}.flow-diagram-section{background:#1a2332;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);padding:1.5rem}.circular-flow-container{height:350px;margin:0 auto;max-width:400px;position:relative;width:100%}.flow-svg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.circular-node{align-items:center;display:flex;flex-direction:column;gap:.5rem;position:absolute;transition:all .3s ease;z-index:10}.circular-node:hover{transform:scale(1.05)}.node-circle{align-items:center;background:#232f42;background:var(--bg-elevated);border:3px solid #ffffff14;border:3px solid var(--border-color);border-radius:50%;box-shadow:0 4px 20px #0000004d;display:flex;height:80px;justify-content:center;position:relative;transition:all .3s ease;width:80px}.circular-node.active .node-circle{border-color:#ffffff4d}.node-emoji{font-size:2rem;z-index:2}.node-info{align-items:center;display:flex;flex-direction:column;gap:.15rem}.circular-node .node-value{color:#f1f5f9;color:var(--text-primary);font-size:1.1rem;font-weight:700}.circular-node .node-value small{color:#94a3b8;color:var(--text-secondary);font-size:.75rem;font-weight:500}.circular-node .node-label{color:#64748b;color:var(--text-muted);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.circular-node .node-soc{color:#3b82f6;color:var(--accent-blue);font-size:.75rem;font-weight:600}.circular-node.pv-node{left:50%;top:0;transform:translateX(-50%)}.circular-node.pv-node.active .node-circle{border-color:#fbbf24;box-shadow:0 0 30px #fbbf2466}.circular-node.pv-node .node-emoji{filter:drop-shadow(0 0 10px rgba(251,191,36,.8))}.circular-node.house-node{left:50%;top:50%;transform:translate(-50%,-50%)}.circular-node.house-node .node-circle{border-color:#ef444480;box-shadow:0 0 30px #ef444433;height:90px;width:90px}.circular-node.house-node .node-emoji{filter:drop-shadow(0 0 10px rgba(239,68,68,.6));font-size:2.25rem}.circular-node.battery-node{left:0;top:50%;transform:translateY(-50%)}.circular-node.battery-node.active .node-circle{border-color:#3b82f6;box-shadow:0 0 30px #3b82f666}.circular-node.battery-node .node-emoji{filter:drop-shadow(0 0 10px rgba(59,130,246,.8))}.battery-soc-ring{background:conic-gradient(#3b82f6 0deg,#3b82f6 calc(var(--soc)*3.6deg),#0000 calc(var(--soc)*3.6deg),#0000 1turn);border-radius:50%;bottom:-4px;left:-4px;opacity:.5;position:absolute;right:-4px;top:-4px;z-index:-1}.circular-node.grid-node{right:0;top:50%;transform:translateY(-50%)}.circular-node.grid-node .node-circle.export{border-color:#10b981;box-shadow:0 0 30px #10b98166}.circular-node.grid-node .node-circle.import{border-color:#ef4444;box-shadow:0 0 30px #ef444466}.circular-node.grid-node .node-emoji{filter:drop-shadow(0 0 8px rgba(100,116,139,.8))}.circular-node.grid-node.active .node-circle.export .node-emoji{filter:drop-shadow(0 0 10px rgba(16,185,129,.8))}.circular-node.grid-node.active .node-circle.import .node-emoji{filter:drop-shadow(0 0 10px rgba(239,68,68,.8))}.circular-flow-container.five-nodes{height:380px;max-width:440px}.circular-node.marstek-node{bottom:0;left:10%;top:auto;transform:translateX(-50%)}.circular-node.marstek-node.active .node-circle{border-color:#10b981;box-shadow:0 0 30px #10b98166}.circular-node.marstek-node .node-emoji{filter:drop-shadow(0 0 10px rgba(16,185,129,.8))}.marstek-ring{background:conic-gradient(#10b981 0deg,#10b981 calc(var(--soc)*3.6),#0000 calc(var(--soc)*3.6),#0000 1turn)!important}.marstek-soc{color:#10b981!important}.circular-node.solax-node{bottom:0;left:auto;right:10%;top:auto;transform:translateX(50%)}.circular-node.solax-node.active .node-circle{border-color:#3b82f6;box-shadow:0 0 30px #3b82f666}.circular-node.solax-node .node-emoji{filter:drop-shadow(0 0 10px rgba(59,130,246,.8))}.solax-ring{background:conic-gradient(#3b82f6 0deg,#3b82f6 calc(var(--soc)*3.6),#0000 calc(var(--soc)*3.6),#0000 1turn)!important}.solax-soc{color:#3b82f6!important}.five-nodes .grid-node{right:0;top:45%}.five-nodes .house-node{left:50%;top:40%}@media (max-width:500px){.circular-flow-container{height:300px;max-width:320px}.circular-flow-container.five-nodes{height:340px;max-width:360px}.circular-node.marstek-node{left:5%}.circular-node.solax-node{right:5%}.node-circle{height:65px;width:65px}.circular-node.house-node .node-circle{height:75px;width:75px}.node-emoji{font-size:1.5rem}.circular-node.house-node .node-emoji{font-size:1.75rem}.circular-node .node-value{font-size:.95rem}}.batteries-section{margin-bottom:.5rem}.batteries-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.battery-card{background:linear-gradient(135deg,#1a2332,#1a2332cc);background:linear-gradient(135deg,var(--bg-card) 0,#1a2332cc 100%);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.battery-card:before{background:var(--accent-color);content:"";height:3px;left:0;opacity:.8;position:absolute;right:0;top:0}.battery-card:hover{border-color:#ffffff1f;box-shadow:0 4px 20px #0006;box-shadow:var(--shadow-md);transform:translateY(-4px)}.battery-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.battery-icon{font-size:1.5rem}.battery-header h3{color:#f1f5f9;color:var(--text-primary);flex:1 1;font-size:1.1rem;font-weight:600}.battery-status{border-radius:2rem;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.35rem .75rem;text-transform:uppercase}.battery-status.charging{background:#10b98133;border:1px solid #10b9814d;color:#6ee7b7}.battery-status.discharging{background:#f59e0b33;border:1px solid #f59e0b4d;color:#fcd34d}.battery-status.idle{background:#64748b33;border:1px solid #64748b4d;color:#94a3b8}.battery-content{align-items:center;display:flex;gap:2rem;margin-bottom:1.5rem}.gauge-container{flex-shrink:0;height:120px;position:relative;width:120px}.gauge-svg{height:100%;transform:rotate(-90deg);width:100%}.gauge-value{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.gauge-number{color:#f1f5f9;color:var(--text-primary);display:block;font-size:1.75rem;font-weight:700;line-height:1}.gauge-unit{color:#94a3b8;color:var(--text-secondary);font-size:.9rem}.gauge-label{bottom:-8px;color:#64748b;color:var(--text-muted);font-size:.75rem;left:50%;letter-spacing:.1em;position:absolute;text-transform:uppercase;transform:translateX(-50%)}.battery-power{align-items:center;display:flex;flex:1 1;justify-content:space-between}.power-value{align-items:baseline;display:flex;gap:.25rem}.power-value span:first-child{font-size:2.5rem;font-weight:700;line-height:1}.power-value .charging{color:#6ee7b7}.power-value .discharging{color:#fcd34d}.power-unit{color:#94a3b8;color:var(--text-secondary);font-size:1rem;font-weight:500}.power-direction{font-size:2rem}.arrow-down{animation:arrowDown 1s ease-in-out infinite;color:#6ee7b7}.arrow-up{animation:arrowUp 1s ease-in-out infinite;color:#fcd34d}@keyframes arrowDown{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes arrowUp{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.battery-bar{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden}.battery-fill{background:var(--accent-color);border-radius:4px;box-shadow:0 0 10px var(--accent-color);height:100%;transition:width 1s ease}.control-toggle{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;border-radius:var(--radius-sm);color:#93c5fd;cursor:pointer;font-size:.85rem;font-weight:500;margin-top:1rem;padding:.6rem 1rem;transition:all .3s ease;width:100%}.control-toggle:hover{background:#3b82f633;border-color:#3b82f666}.battery-control{border-top:1px solid #ffffff14;border-top:1px solid var(--border-color);margin-top:1rem;overflow:hidden;padding-top:1rem}.control-slider{margin-bottom:1rem}.control-slider label{color:#94a3b8;color:var(--text-secondary);display:block;font-size:.85rem;margin-bottom:.5rem}.control-slider input[type=range]{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.control-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#3b82f6,#2563eb);background:var(--gradient-blue);border-radius:50%;box-shadow:0 2px 8px #3b82f666;cursor:pointer;height:18px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:18px}.control-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.control-slider input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,#3b82f6,#2563eb);background:var(--gradient-blue);border:none;border-radius:50%;box-shadow:0 2px 8px #3b82f666;cursor:pointer;height:18px;width:18px}.control-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.ctrl-btn{border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:600;padding:.6rem .75rem;transition:all .3s ease}.ctrl-btn.charge{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-green);box-shadow:0 2px 10px #10b9814d;color:#fff}.ctrl-btn.charge:hover:not(:disabled){box-shadow:0 4px 15px #10b98166;transform:translateY(-2px)}.ctrl-btn.stop{background:#64748b4d;border:1px solid #64748b4d;color:#f1f5f9;color:var(--text-primary)}.ctrl-btn.stop:hover:not(:disabled){background:#64748b80}.ctrl-btn.discharge{background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--gradient-orange);box-shadow:0 2px 10px #f59e0b4d;color:#fff}.ctrl-btn.discharge:hover:not(:disabled){box-shadow:0 4px 15px #f59e0b66;transform:translateY(-2px)}.ctrl-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.chart-section{background:#1a2332;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);padding:1.5rem}.chart-container{margin-top:.5rem}.recharts-tooltip-wrapper{outline:none}.pool-section{background:#1a2332;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);padding:1.5rem}.pool-card{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.pool-status-display{align-items:center;display:flex;gap:1rem}.pool-icon{filter:drop-shadow(0 0 10px rgba(59,130,246,.4));font-size:2.5rem}.pool-info{display:flex;flex-direction:column;gap:.25rem}.pool-state{font-size:1.1rem;font-weight:600}.pool-state.running{color:#6ee7b7}.pool-state.stopped{color:#64748b;color:var(--text-muted)}.pool-delestage{color:#94a3b8;color:var(--text-secondary);font-size:.85rem}.pool-controls{display:flex;gap:.75rem}.pool-btn{border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.pool-btn.start{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-green);box-shadow:0 4px 15px #10b9814d;color:#fff}.pool-btn.start:hover:not(:disabled){box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.pool-btn.stop{background:linear-gradient(135deg,#ef4444,#dc2626);background:var(--gradient-red);box-shadow:0 4px 15px #ef44444d;color:#fff}.pool-btn.stop:hover:not(:disabled){box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.pool-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.alarm-dashboard{display:flex;flex-direction:column;gap:2rem}.alarm-status-section{display:flex;flex-direction:column;gap:1rem}.alarm-main-status{align-items:center;border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:1.5rem;padding:2rem;transition:all .3s ease}.alarm-main-status.armed{background:linear-gradient(135deg,#ef444426,#b91c1c1a);border:1px solid #ef44444d;box-shadow:0 0 30px #ef444466;box-shadow:var(--shadow-glow-red)}.alarm-main-status.disarmed{background:linear-gradient(135deg,#10b9811a,#05966914);border:1px solid #10b98133}.alarm-shield{filter:drop-shadow(0 0 15px currentColor);font-size:3.5rem}.alarm-main-status.armed .alarm-shield{animation:shieldPulse 2s ease-in-out infinite;color:#fca5a5}.alarm-main-status.disarmed .alarm-shield{color:#6ee7b7}@keyframes shieldPulse{0%,to{filter:drop-shadow(0 0 15px rgba(252,165,165,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 25px rgba(252,165,165,.8));transform:scale(1.05)}}.alarm-state h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.alarm-main-status.armed .alarm-state h2{color:#fca5a5}.alarm-main-status.disarmed .alarm-state h2{color:#6ee7b7}.alarm-details{display:flex;gap:1rem}.alarm-details span{background:#0003;border-radius:8px;border-radius:var(--radius-sm);color:#94a3b8;color:var(--text-secondary);font-size:.85rem;padding:.35rem .75rem}.alarm-details span.active{background:#ef444433;color:#fca5a5}.sirene-alert{align-items:center;animation:sirenePulse .5s ease-in-out infinite alternate;background:linear-gradient(90deg,#ef44444d,#b91c1c4d);border:2px solid #ef444480;border-radius:12px;border-radius:var(--radius-md);color:#fca5a5;display:flex;font-size:1.1rem;font-weight:700;gap:1rem;justify-content:center;padding:1.25rem}@keyframes sirenePulse{0%{background:linear-gradient(90deg,#ef44444d,#b91c1c4d)}to{background:linear-gradient(90deg,#ef444480,#b91c1c80)}}.sirene-icon{animation:sireneShake .2s ease-in-out infinite;font-size:1.5rem}@keyframes sireneShake{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.sirene-stop-btn{background:linear-gradient(135deg,#ef4444,#dc2626);background:var(--gradient-red);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;padding:.5rem 1.25rem;transition:all .3s ease}.sirene-stop-btn:hover{transform:scale(1.05)}.zones-section{background:#1a2332;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);padding:1.5rem}.zones-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.zone-card{align-items:center;background:#232f42;background:var(--bg-elevated);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:1rem;padding:1.25rem;transition:all .3s ease}.zone-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.zone-header{align-items:center;display:flex;flex-direction:column;gap:.5rem}.zone-header .zone-icon{font-size:1.75rem}.zone-header .zone-name{color:#f1f5f9;color:var(--text-primary);font-weight:600}.zone-inhibit-btn{background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:8px;border-radius:var(--radius-sm);color:#fcd34d;cursor:pointer;font-size:.85rem;font-weight:500;padding:.6rem 1rem;transition:all .3s ease;width:100%}.zone-inhibit-btn:hover:not(:disabled){background:#f59e0b40;border-color:#f59e0b80}.zone-inhibit-btn:disabled{cursor:not-allowed;opacity:.4}.sensors-section{background:#1a2332;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);padding:1.5rem}.sensors-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.alarm-zone{align-items:center;background:#232f42;background:var(--bg-elevated);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);cursor:default;display:flex;gap:1rem;padding:1rem 1.25rem;transition:all .3s ease}.alarm-zone.active{background:#10b98114;border-color:#10b9814d}.alarm-zone.alert{animation:alertFlash 1s ease-in-out infinite;background:#ef44441a;border-color:#ef444466}@keyframes alertFlash{0%,to{background:#ef44441a}50%{background:#ef444433}}.alarm-zone .zone-icon{font-size:1.5rem}.alarm-zone .zone-name{flex:1 1;font-weight:500}.zone-status{border-radius:2rem;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.25rem .6rem;text-transform:uppercase}.zone-status.on{background:#10b98133;color:#6ee7b7}.zone-status.off{background:#64748b33;color:#64748b;color:var(--text-muted)}.zone-card.active{background:#10b9811a;border-color:#10b98166}.zone-card.alert{animation:alertPulse 1.5s ease-in-out infinite;background:#ef444426;border-color:#ef444480}@keyframes alertPulse{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 20px 5px #ef444433}}.zone-status{align-items:center;display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.zone-state{border-radius:2rem;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.zone-state.on{background:#10b98133;color:#6ee7b7}.zone-state.off{background:#64748b33}.zone-state.off,.zone-type{color:#64748b;color:var(--text-muted)}.zone-type{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.sensor-card{align-items:center;background:#232f42;background:var(--bg-elevated);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:1rem;padding:1rem 1.25rem;transition:all .3s ease}.sensor-card.open{background:#f59e0b1a;border-color:#f59e0b66}.sensor-card.closed{background:#10b9810d;border-color:#10b9814d}.sensor-icon{font-size:1.5rem}.sensor-info{display:flex;flex-direction:column;gap:.25rem}.sensor-name{color:#f1f5f9;color:var(--text-primary);font-weight:500}.sensor-state{font-size:.75rem;font-weight:600;text-transform:uppercase}.sensor-state.open{color:#fbbf24}.sensor-state.closed{color:#6ee7b7}.programmes-section{background:#1a2332;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);padding:1.5rem}.programmes-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.programme-card{align-items:center;background:#232f42;background:var(--bg-elevated);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}.programme-card.armed{background:#10b9811a;border-color:#10b98166}.programme-card.disarmed{border-color:#ffffff14;border-color:var(--border-color)}.programme-card.unknown{border-color:#64748b4d;opacity:.7}.programme-icon{font-size:1.25rem}.programme-info{display:flex;flex-direction:column;gap:.15rem}.programme-name{color:#f1f5f9;color:var(--text-primary);font-size:.9rem;font-weight:500}.programme-state{font-size:.7rem;font-weight:600;text-transform:uppercase}.programme-state.armed{color:#6ee7b7}.programme-state.disarmed,.programme-state.unknown{color:#64748b;color:var(--text-muted)}.alarm-main-status.triggered{animation:triggerPulse 1s ease-in-out infinite;background:linear-gradient(135deg,#ef44444d,#dc262633);border-color:#ef444480}@keyframes triggerPulse{0%,to{box-shadow:0 0 30px #ef44444d}50%{box-shadow:0 0 50px #ef444480}}.alarm-main-status.armed_away{background:linear-gradient(135deg,#10b98133,#05966926);border-color:#10b98166}.alarm-main-status.armed_home{background:linear-gradient(135deg,#3b82f633,#2563eb26);border-color:#3b82f666}.alarm-main-status.armed_night{background:linear-gradient(135deg,#8b5cf633,#7c3aed26);border-color:#8b5cf666}.main-footer{align-items:center;background:#111827cc;border-top:1px solid #ffffff14;border-top:1px solid var(--border-color);color:#64748b;color:var(--text-muted);display:flex;font-size:.85rem;gap:1rem;justify-content:center;padding:1rem 2rem}.footer-sep{color:#ffffff14;color:var(--border-color)}@media (max-width:768px){.main-header{flex-direction:column;gap:1rem;padding:1rem}.header-brand,.header-status{justify-content:center;width:100%}.logout-btn{position:absolute;right:1rem;top:1rem}.tab-nav{overflow-x:auto;padding:1rem}.tab-button{font-size:.85rem;padding:.6rem 1rem;white-space:nowrap}.main-content{padding:1rem}.batteries-grid{grid-template-columns:1fr}.battery-content{flex-direction:column;gap:1.5rem}.battery-power{gap:1rem;justify-content:center;width:100%}.pool-card{align-items:flex-start;flex-direction:column}.pool-controls{width:100%}.pool-btn{flex:1 1}.alarm-main-status{flex-direction:column;padding:1.5rem;text-align:center}.zones-grid{grid-template-columns:repeat(2,1fr)}.main-footer{flex-direction:column;gap:.5rem}.footer-sep{display:none}}@media (max-width:480px){.login-card{padding:2rem 1.5rem}.logo-icon{font-size:3rem}.login-logo h1{font-size:1.5rem}.gauge-container{height:100px;width:100px}.gauge-number{font-size:1.5rem}.power-value span:first-child{font-size:2rem}.zones-grid{grid-template-columns:1fr}.alarm-shield{font-size:2.5rem}.alarm-state h2{font-size:1.25rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--accent-blue);height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#111827;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#232f42;background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3d4f6f}::selection{background:#3b82f64d;color:#f1f5f9;color:var(--text-primary)}
/*# sourceMappingURL=main.a8eadea9.css.map*/