.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#0f1626,#060912 70%)}.login-overlay.hidden{display:none}.login-card{width:360px;max-width:90vw;background:#111928d9;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;padding:32px 28px;display:flex;flex-direction:column;gap:16px;box-shadow:0 12px 48px #0000008c}.login-brand{text-align:center;margin-bottom:8px}.login-brand .logo-bolt{font-size:32px;color:#f59e0b}.login-brand h1{font-size:22px;font-weight:800;color:#fff;margin:8px 0 4px}.login-brand p{font-size:11px;color:var(--text-muted);line-height:1.5}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.login-field input{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;color:#fff;font-size:13px;outline:none;transition:border-color .2s}.login-field input:focus{border-color:var(--color-blue)}.login-error{font-size:11px;color:var(--color-red);text-align:center;margin:-4px 0 0}.login-error.hidden{display:none}.login-btn{margin-top:6px;justify-content:center}.logout-btn{align-self:center;white-space:nowrap}:root{--bg-primary: #080c14;--bg-secondary: #0f1626;--card-bg: rgba(17, 25, 40, .75);--card-border: rgba(255, 255, 255, .08);--color-green: #10b981;--color-green-glow: rgba(16, 185, 129, .35);--color-yellow: #f59e0b;--color-yellow-glow: rgba(245, 158, 11, .35);--color-red: #ef4444;--color-red-glow: rgba(239, 68, 68, .35);--color-blue: #3b82f6;--color-blue-glow: rgba(59, 130, 246, .4);--color-purple: #8b5cf6;--text-main: #f3f4f6;--text-muted: #9ca3af;--text-dark: #111827;--wire-dead: #374151;--wire-live: #0ea5e9;--wire-overload: #f97316;--wire-tripped: #ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);background-image:radial-gradient(at 10% 20%,rgba(139,92,246,.15) 0px,transparent 50%),radial-gradient(at 90% 80%,rgba(59,130,246,.15) 0px,transparent 50%);color:var(--text-main);min-height:100vh;overflow-x:hidden;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}.app-container{display:flex;flex-direction:column;height:100vh;padding:16px;gap:16px}.app-header{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 24px;border-radius:16px;box-shadow:0 8px 32px #0000004d}.brand{display:flex;align-items:center;gap:16px}.logo-container{background:linear-gradient(135deg,var(--color-blue),var(--color-purple));width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #3b82f666}.logo-bolt{font-size:24px;color:#fff}.brand-text h1{font-size:22px;font-weight:800;letter-spacing:1px;background:linear-gradient(90deg,#fff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-text h1 span{color:var(--color-blue);-webkit-text-fill-color:initial}.brand-text p{font-size:11px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.global-stats{display:flex;gap:16px}.stat-card{background:#ffffff05;border-left:3px solid rgba(255,255,255,.1);padding:8px 16px;border-radius:4px 12px 12px 4px;min-width:140px}.stat-card:nth-child(1){border-left-color:var(--color-green)}.stat-card:nth-child(3){border-left-color:var(--color-blue)}.stat-card:nth-child(4){border-left-color:var(--color-purple)}.stat-label{display:block;font-size:9px;color:var(--text-muted);font-weight:700;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.stat-value{font-size:18px;font-weight:700;font-family:JetBrains Mono,monospace}.stat-value .unit{font-size:11px;color:var(--text-muted);font-weight:400}.stat-sublabel{font-size:10px;color:var(--color-blue)}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px}.badge-normal{background-color:#10b98126;color:var(--color-green);border:1px solid rgba(16,185,129,.3)}.badge-warning{background-color:#f59e0b26;color:var(--color-yellow);border:1px solid rgba(245,158,11,.3)}.badge-danger{background-color:#ef444426;color:var(--color-red);border:1px solid rgba(239,68,68,.3)}.app-main{display:flex;flex:1;gap:16px;height:calc(100vh - 120px);min-height:0}.sidebar{width:320px;display:flex;flex-direction:column;gap:16px;min-height:0}.left-sidebar{width:340px}.right-sidebar{width:320px}.sidebar-col{display:flex;align-items:stretch;min-height:0}.sidebar-content{display:flex;min-height:0;overflow:hidden;max-width:380px;transition:max-width .3s ease,opacity .25s ease}.sidebar-col.collapsed .sidebar-content{max-width:0;opacity:0}.sidebar-toggle{flex:0 0 22px;width:22px;background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 24px #0003;transition:color .2s,background .2s}.sidebar-toggle:hover{color:#fff;background:#1e293b}.left-toggle{border-radius:0 10px 10px 0;border-left:none;margin-left:4px}.right-toggle{border-radius:10px 0 0 10px;border-right:none;margin-right:4px}.sidebar-toggle i{transition:transform .3s ease}.left-col.collapsed .left-toggle i,.right-col.collapsed .right-toggle i{transform:rotate(180deg)}.panel-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 24px #0003}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05)}.panel-header h3{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;display:flex;align-items:center;gap:8px}.panel-body{display:flex;flex-direction:column;gap:16px;overflow-y:auto}.control-group{display:flex;flex-direction:column;gap:8px}.group-title{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.time-control-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text-main);padding:8px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.btn:hover{background:#ffffff14;border-color:#fff3}.btn.active{background:var(--color-blue);color:#fff;border-color:var(--color-blue);box-shadow:0 0 10px var(--color-blue-glow)}.btn-sm{padding:6px 10px;font-size:11px}.btn-xs{padding:4px 8px;font-size:10px;border-radius:6px}.btn-outline-warning{border-color:#f59e0b66;background:#f59e0b0d;color:var(--color-yellow)}.btn-outline-warning:hover{background:var(--color-yellow);color:var(--text-dark)}.btn-outline-info{border-color:#3b82f666;background:#3b82f60d;color:var(--color-blue)}.btn-outline-info:hover{background:var(--color-blue);color:#fff}.btn-danger{background:#ef444426;border-color:#ef44444d;color:var(--color-red)}.btn-danger:hover{background:var(--color-red);color:#fff;box-shadow:0 0 12px var(--color-red-glow)}.btn-success{background:#10b98126;border-color:#10b9814d;color:var(--color-green)}.btn-success:hover{background:var(--color-green);color:#fff;box-shadow:0 0 12px var(--color-green-glow)}.event-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.slider-group{margin-top:8px;display:flex;flex-direction:column;gap:4px}.slider-header{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted)}.slider-header i{margin-right:4px}.slider-ticks{display:flex;justify-content:space-between;font-size:9px;color:var(--text-muted);opacity:.7}input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:#1f2937;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-blue);cursor:pointer;box-shadow:0 0 8px var(--color-blue-glow);transition:transform .1s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.genset-specs{display:flex;flex-direction:column;gap:6px;background:#ffffff05;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.04)}.spec-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-family:JetBrains Mono,monospace}.spec-row span:first-child{color:var(--text-muted)}.flex-grow{flex-grow:1}.progress-bar-container{background:#ffffff0d;border-radius:10px;overflow:hidden;position:relative}.progress-bar-container.mini{height:8px;margin:0 8px}.progress-bar{height:100%;border-radius:10px;transition:width .3s ease}.progress-bar.green{background:var(--color-green);box-shadow:0 0 6px var(--color-green-glow)}.progress-bar.yellow{background:var(--color-yellow);box-shadow:0 0 6px var(--color-yellow-glow)}.progress-bar.red{background:var(--color-red);box-shadow:0 0 6px var(--color-red-glow)}.progress-bar.blue{background:var(--color-blue);box-shadow:0 0 6px var(--color-blue-glow)}.revenue-text{color:var(--color-green);font-weight:700;font-size:12px}.console-panel{min-height:0}.console-flyout{position:fixed;top:88px;bottom:20px;left:0;width:380px;max-width:92vw;z-index:900;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.console-flyout.open{transform:translate(0)}.console-flyout .console-panel{height:100%;margin:0;border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:8px 0 40px #00000080}.console-toggle-btn{position:absolute;top:50%;right:-30px;transform:translateY(-50%);width:30px;height:64px;background:var(--card-bg);border:1px solid var(--card-border);border-left:none;border-radius:0 10px 10px 0;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:4px 0 16px #0000004d;transition:color .2s,background .2s;z-index:901}.console-toggle-btn:hover{color:#fff;background:#1e293b}.console-toggle-btn i{transition:transform .3s}.console-flyout.open .console-toggle-btn i{transform:rotate(180deg)}.console-actions{display:flex;align-items:center;gap:12px}.btn-icon{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;transition:color .2s}.btn-icon:hover{color:#fff}.checkbox-label{font-size:10px;color:var(--text-muted);display:flex;align-items:center;gap:4px;cursor:pointer}.console-tabs{display:flex;background:#0003;border-radius:8px;padding:2px;margin-bottom:8px;border:1px solid rgba(255,255,255,.04)}.console-tab{flex:1;background:none;border:none;color:var(--text-muted);padding:4px 0;font-size:9px;font-weight:700;cursor:pointer;border-radius:6px;text-align:center;transition:all .2s}.console-tab.active{background:#1e293b;color:#fff}.console-log-container{background:#040711;border:1px solid rgba(255,255,255,.05);border-radius:8px;flex:1;overflow-y:auto;font-family:JetBrains Mono,monospace;font-size:10px;padding:8px;display:flex;flex-direction:column;gap:6px}.log-entry{line-height:1.4;padding-bottom:4px;border-bottom:1px dashed rgba(255,255,255,.02);word-break:break-all}.log-entry .time{color:#64748b;margin-right:4px}.log-entry.system-msg{color:#38bdf8}.log-entry.get-req{color:#a78bfa}.log-entry.post-req{color:#fb7185}.log-payload-block{background:#090e1a;border:1px solid rgba(255,255,255,.03);padding:4px;border-radius:4px;margin-top:2px;color:#94a3b8;white-space:pre-wrap}.grid-visualizer-container{flex:1;background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:20px;display:flex;flex-direction:column;box-shadow:0 4px 24px #0003;min-height:0;overflow:hidden}.visualizer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05)}.visualizer-header h2{font-size:16px;font-weight:800;letter-spacing:.5px;color:#fff;display:flex;align-items:center;gap:10px}.legend{display:flex;gap:12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-muted);font-weight:600}.color-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.color-dot.flow{background:var(--wire-live);box-shadow:0 0 6px var(--wire-live)}.color-dot.tripped{background:var(--wire-tripped);box-shadow:0 0 6px var(--wire-tripped)}.color-dot.normal{background:var(--color-green)}.color-dot.standby{background:var(--color-yellow)}.color-dot.blocked{background:var(--color-red)}.grid-canvas{flex:1;overflow-y:auto;padding-right:8px;display:flex;flex-direction:column;align-items:center;gap:30px}.level-genset{width:100%;display:flex;justify-content:center;position:relative;z-index:10}.node{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 18px;display:flex;align-items:center;gap:14px;box-shadow:0 4px 15px #0006;transition:all .3s ease}.genset-node{border-color:#3b82f666;box-shadow:0 0 20px #3b82f626;width:320px}.genset-node:hover{transform:translateY(-2px);box-shadow:0 0 25px #3b82f64d}.node-icon{font-size:28px;color:var(--color-blue)}.rotate-gears{animation:spin 8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.node-details{display:flex;flex-direction:column}.node-title{font-size:11px;font-weight:800;letter-spacing:.5px;color:#93c5fd}.node-value{font-size:15px;font-weight:700;font-family:JetBrains Mono,monospace;color:#fff}.node-metric-grid{display:grid;grid-template-columns:1fr 1fr;font-size:9px;color:var(--text-muted);margin-top:4px;font-family:JetBrains Mono,monospace}.wire-line{position:relative;background:var(--wire-dead);height:5px;border-radius:3px;margin:6px 0;transition:all .3s ease}.wire-line.active{background:var(--wire-live);box-shadow:0 0 6px #0ea5e966}.wire-line.overloaded{background:var(--wire-overload);box-shadow:0 0 10px #f9731699}.wire-line.tripped{background:var(--wire-tripped);box-shadow:0 0 10px #ef444499}.wire-line .flow-dots{display:none;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}.wire-line.active .flow-dots,.wire-line.overloaded .flow-dots{display:block}.wire-line .flow-dots:after{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 12px,#ffffff 12px,#ffffff 18px);opacity:.55;animation:flow-run 3s linear infinite}.wire-line.theft-flow .flow-dots:after{background:repeating-linear-gradient(90deg,#fff,#fff 12px,#ff4d4d 12px,#ff4d4d 18px);opacity:1;filter:drop-shadow(0 0 3px rgba(255,60,60,.7))}@keyframes flow-run{0%{transform:translate(0)}to{transform:translate(-50%)}}.grid-network-branches{display:flex;width:100%;gap:24px;justify-content:space-between}.main-wire-branch{flex:1;background:#ffffff03;border:1px solid rgba(255,255,255,.02);border-radius:12px;padding:12px;display:flex;flex-direction:column;position:relative}.wire-label-badge{font-size:10px;font-weight:700;background:#1e293b;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:4px 8px;align-self:center;margin-bottom:8px;color:#e2e8f0;display:flex;gap:8px}.wire-load-lbl{color:#38bdf8;font-family:JetBrains Mono,monospace}.main-wire-path{width:100%;margin-bottom:16px}.branches-wrapper{display:flex;flex-direction:column;gap:20px}.branch-card{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:10px;display:flex;flex-direction:column;position:relative}.branch-card.tripped-state{border-color:#ef444440;background:#ef444405}.branch-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;color:#cbd5e1;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.03)}.branch-header span:nth-child(2){font-family:JetBrains Mono,monospace;color:#93c5fd}.branch-trip-btn{background:none;border:none;color:var(--color-green);cursor:pointer;font-size:14px;transition:all .2s}.branch-card.tripped-state .branch-trip-btn{color:var(--color-red);transform:rotate(180deg)}.branch-wire-path{width:100%}.sub-branches-wrapper{display:flex;gap:12px;margin-top:10px}.pole-container{flex:1;background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:8px}.pole-header{display:flex;align-items:center;gap:6px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.04)}.pole-icon{font-size:12px;color:var(--color-blue)}.pole-details{display:flex;flex-direction:column;flex-grow:1}.building-name{font-size:10px;font-weight:700;color:#fff}.building-addr{font-size:8px;color:var(--text-muted)}.pole-load{font-size:9px;font-family:JetBrains Mono,monospace;color:#38bdf8;font-weight:700}.pole-container.theft-detected{border-color:var(--color-red);background:#ef44441f;animation:theft-pulse 1.6s ease-in-out infinite}@keyframes theft-pulse{0%,to{box-shadow:0 0 8px var(--color-red-glow)}50%{box-shadow:0 0 20px #ef4444b3}}.pole-container.theft-detected .pole-icon{color:var(--color-red)}.theft-badge{font-size:8px;font-weight:800;font-family:JetBrains Mono,monospace;color:#fff;background:var(--color-red);border-radius:4px;padding:2px 5px;display:inline-flex;align-items:center;gap:3px;white-space:nowrap;box-shadow:0 0 8px var(--color-red-glow)}.breakers-grid{display:grid;grid-template-columns:1fr;gap:6px}.breaker-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:6px 8px;display:flex;flex-direction:column;gap:4px;transition:all .2s ease;position:relative}.breaker-card:hover{background:#ffffff0f;border-color:#ffffff1a}.breaker-top{display:flex;justify-content:space-between;align-items:center}.family-name{font-size:10px;font-weight:700;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.status-indicator-group{display:flex;align-items:center;gap:4px}.status-light{width:8px;height:8px;border-radius:50%;background-color:#374151;transition:all .3s}.breaker-card.status-on .status-light{background-color:var(--color-green);box-shadow:0 0 6px var(--color-green-glow)}.breaker-card.status-off .status-light{background-color:var(--color-yellow);box-shadow:0 0 6px var(--color-yellow-glow)}.breaker-card.status-blocked .status-light{background-color:var(--color-red);box-shadow:0 0 6px var(--color-red-glow)}.breaker-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--text-muted)}.breaker-load-meter{font-family:JetBrains Mono,monospace;font-weight:700;color:#fff}.breaker-load-meter span.limit{color:#64748b;font-weight:400}.breaker-expiry-badge{font-size:8px;padding:1px 4px;border-radius:3px;background:#ffffff0d}.breaker-expiry-badge.expired{background:#ef444426;color:var(--color-red);border:1px solid rgba(239,68,68,.2)}.breaker-expiry-badge.warning{background:#f59e0b26;color:var(--color-yellow);border:1px solid rgba(245,158,11,.2)}.breaker-progress-container{height:3px;background:#ffffff0a;border-radius:2px;overflow:hidden}.breaker-progress{height:100%;border-radius:2px;transition:width .3s}.breaker-card.status-on .breaker-progress{background:var(--color-green)}.breaker-card.status-on.over-warn .breaker-progress{background:var(--color-yellow)}.breaker-card.status-on.tripped-warn .breaker-progress{background:var(--color-red)}.gear-icon-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:10px;padding:2px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.gear-icon-btn:hover{color:#fff;background:#ffffff14}.warnings-panel{min-height:0}.search-box{position:relative;margin-bottom:12px}.search-box i{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--text-muted)}.search-box input{width:100%;background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:8px 12px 8px 30px;font-size:11px;color:#fff;outline:none;transition:border-color .2s}.search-box input:focus{border-color:var(--color-blue)}.alert-list-header{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.warning-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1;margin-bottom:16px}.empty-list-msg{font-size:11px;color:var(--text-muted);text-align:center;padding:20px 0;font-style:italic}.warning-item{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.warning-item:hover{background:#ffffff0a}.warning-left{display:flex;flex-direction:column}.warning-title{font-size:11px;font-weight:700;color:#f8fafc}.warning-subtitle{font-size:9px;color:var(--text-muted)}.warning-badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px}.warning-badge.expired{background:#ef444426;color:var(--color-red);border:1px solid rgba(239,68,68,.25)}.warning-badge.overlimit{background:#f59e0b26;color:var(--color-yellow);border:1px solid rgba(245,158,11,.25)}.grid-stats-mini-chart{background:#0003;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:10px}.chart-canvas-container{height:80px;position:relative;width:100%}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#030712b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.modal-overlay.hidden{display:none!important;opacity:0;pointer-events:none}.modal-card{background:#0d1321;border:1px solid rgba(255,255,255,.1);border-radius:20px;width:480px;max-width:90%;box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:modal-slide .3s cubic-bezier(.16,1,.3,1)}@keyframes modal-slide{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:15px;font-weight:800;color:#fff;display:flex;align-items:center;gap:8px}.modal-body{padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;max-height:70vh}.modal-summary-box{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px;display:flex;justify-content:space-between;align-items:center}.modal-summary-box h3{font-size:14px;font-weight:700;color:#fff}.modal-summary-box p{font-size:10px;color:var(--text-muted)}.status-indicator-badge{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;background:#ffffff0a;padding:4px 10px;border-radius:20px}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.green{background:var(--color-green);box-shadow:0 0 6px var(--color-green-glow)}.status-dot.yellow{background:var(--color-yellow);box-shadow:0 0 6px var(--color-yellow-glow)}.status-dot.red{background:var(--color-red);box-shadow:0 0 6px var(--color-red-glow)}.form-group{display:flex;flex-direction:column;gap:6px}.form-row{display:flex;gap:12px}.form-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase}.form-input{background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 12px;color:#fff;font-size:12px;outline:none}.form-input:focus{border-color:var(--color-blue)}.select-amp-limit{width:180px}.state-buttons-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.state-btn-wrapper input{display:none}.state-btn{border:1px solid rgba(255,255,255,.06);background:#ffffff05;padding:8px;border-radius:8px;font-size:10px;font-weight:700;text-align:center;cursor:pointer;color:var(--text-muted);transition:all .2s;display:flex;flex-direction:column;gap:4px;align-items:center}.state-btn i{font-size:14px}.state-btn:hover{background:#ffffff0d}.state-btn-wrapper input:checked+.state-btn.val-on{border-color:var(--color-green);background:#10b9811a;color:var(--color-green);box-shadow:0 0 10px #10b98126}.state-btn-wrapper input:checked+.state-btn.val-off{border-color:var(--color-yellow);background:#f59e0b1a;color:var(--color-yellow);box-shadow:0 0 10px #f59e0b26}.state-btn-wrapper input:checked+.state-btn.val-blocked{border-color:var(--color-red);background:#ef44441a;color:var(--color-red);box-shadow:0 0 10px #ef444426}.load-value-indicator{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;color:var(--color-blue)}.form-help-text{font-size:9px;color:var(--text-muted);line-height:1.3}.appliances-quick-toggles{background:#ffffff05;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.04)}.quick-title{font-size:9px;font-weight:700;color:var(--text-muted);display:block;margin-bottom:6px}.appliance-buttons{display:flex;flex-wrap:wrap;gap:6px}.modal-history-section{display:flex;flex-direction:column;gap:8px;border-top:1px solid rgba(255,255,255,.06);padding-top:12px}.modal-history-section h4{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase}.consumption-bars{display:flex;justify-content:space-between;height:60px;align-items:flex-end;background:#00000026;border-radius:8px;padding:6px 12px}.bar-col{display:flex;flex-direction:column;align-items:center;flex:1;gap:4px}.bar-fill{width:12px;background:linear-gradient(to top,var(--color-blue),#818cf8);border-radius:3px 3px 0 0;transition:height .5s ease}.bar-lbl{font-size:8px;color:var(--text-muted);font-family:JetBrains Mono,monospace}.modal-footer{padding:12px 20px;border-top:1px solid rgba(255,255,255,.06);background:#0003;display:flex;justify-content:flex-end;gap:12px}.ajax-loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#03071266;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.ajax-loader-overlay.hidden{display:none!important}.spinner-container{background:#111827e6;border:1px solid rgba(255,255,255,.15);padding:16px 24px;border-radius:12px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 30px #00000080}.spinner{width:24px;height:24px;border:3px solid rgba(59,130,246,.2);border-top-color:var(--color-blue);border-radius:50%;animation:spinner-spin .8s linear infinite}@keyframes spinner-spin{to{transform:rotate(360deg)}}.spinner-container p{font-size:12px;font-weight:600;color:#fff}.dot-indicator{width:6px;height:6px;border-radius:50%;display:inline-block}.dot-indicator.green{background-color:var(--color-green)}.dot-indicator.yellow{background-color:var(--color-yellow)}.dot-indicator.red{background-color:var(--color-red)}.pulsing{animation:glow-pulse 1.5s infinite alternate}@keyframes glow-pulse{0%{transform:scale(.9);opacity:.6}to{transform:scale(1.2);opacity:1;box-shadow:0 0 8px currentColor}}.flex{display:flex}.flex-col{flex-direction:column}