*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--green:#22c55e;--green-dark:#16a34a;--green-light:#dcfce7;--green-mid:#bbf7d0;--blue:#3b82f6;--blue-light:#dbeafe;--yellow:#f59e0b;--yellow-light:#fef3c7;--red:#ef4444;--red-light:#fee2e2;--purple:#8b5cf6;--purple-light:#ede9fe;--orange:#f97316;--orange-light:#ffedd5;--teal:#14b8a6;--teal-light:#ccfbf1;--gray:#6b7280;--gray-light:#f3f4f6;--accent:#06b6d4;--accent-dark:#0891b2;--accent-light:#e0f9fc;--accent-mid:#a5f3fc;--sidebar-bg:#0d1b2e;--sidebar-w:220px;--topbar-h:60px;--bg:#f0f4f8;--bg-2:#f3f4f6;--surface:#fff;--border:#e2e8f0;--text:#0f172a;--text-1:#1e293b;--text-2:#475569;--text-3:#94a3b8;--shadow:0 1px 4px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.09),0 2px 4px rgba(0,0,0,.06);--shadow-lg:0 8px 24px rgba(0,0,0,.11),0 3px 6px rgba(0,0,0,.07);--c-success-bg:#f0fdf4;--c-success-text:#15803d;--c-success-border:#bbf7d0;--c-error-bg:#fef2f2;--c-error-text:#b91c1c;--c-error-border:#fca5a5;--c-warn-bg:#fef3c7;--c-warn-text:#92400e;--c-warn-border:#fde68a;--c-info-bg:#eff6ff;--c-info-text:#1d4ed8;--c-info-border:#bfdbfe}[data-theme=dark]{--bg:#0b111a;--bg-2:#141f33;--surface:#111a2e;--border:#1e293b;--text:#f1f5f9;--text-1:#e2e8f0;--text-2:#94a3b8;--text-3:#64748b;--c-success-bg:rgba(34,197,94,.12);--c-success-text:#86efac;--c-success-border:rgba(34,197,94,.25);--c-error-bg:rgba(239,68,68,.12);--c-error-text:#fca5a5;--c-error-border:rgba(239,68,68,.25);--c-warn-bg:rgba(251,191,36,.12);--c-warn-text:#fde68a;--c-warn-border:rgba(251,191,36,.25);--c-info-bg:rgba(59,130,246,.12);--c-info-text:#93c5fd;--c-info-border:rgba(59,130,246,.25);--shadow:0 1px 4px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.45),0 2px 4px rgba(0,0,0,.35);--shadow-lg:0 8px 24px rgba(0,0,0,.5),0 3px 6px rgba(0,0,0,.4);--sidebar-bg:#091322;--topbar-h:60px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);font-size:14px;transition:background .3s ease,color .3s ease}.sidebar,body{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg,#0d1b2e,#0f2240 60%,#0d1b2e);flex-direction:column;position:fixed;top:0;left:0;z-index:50;flex-shrink:0;transition:width .25s cubic-bezier(.4,0,.2,1);overflow:hidden;border-right:1px solid rgba(6,182,212,.12)}.sidebar.collapsed{width:60px}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-section-label,.sidebar.collapsed .sidebar-footer{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:.65rem 0}.sidebar.collapsed .sidebar-logo{padding:.8rem 0}.sidebar.collapsed .sidebar-logo img{height:34px;max-width:46px}.sidebar-logo{padding:1rem 1.25rem;border-bottom:1px solid rgba(6,182,212,.15);text-decoration:none}.logo-icon,.sidebar-logo{display:flex;align-items:center;justify-content:center}.logo-icon{width:32px;height:32px;background:var(--green);border-radius:8px;font-size:1rem;flex-shrink:0}.logo-icon-brand{background:linear-gradient(135deg,#0891b2,#06b6d4);box-shadow:0 2px 10px rgba(6,182,212,.45)}.logo-text{font-size:1rem;font-weight:700;color:#fff;letter-spacing:.01em}.logo-sub{font-size:.62rem;color:#64748b;margin-top:1px}.sidebar-nav{padding:.75rem 0;flex:1 1;overflow-y:auto}.nav-section-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#475569;padding:.9rem 1.25rem .3rem}.nav-item{display:flex;align-items:center;gap:.65rem;padding:.6rem 1.25rem;color:#94a3b8;cursor:pointer;border-left:3px solid transparent;transition:all .15s;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.nav-item:hover{color:#e2e8f0;background:hsla(0,0%,100%,.05)}.nav-item.active{color:var(--accent);background:rgba(6,182,212,.1);border-left-color:var(--accent)}.nav-icon{font-size:1rem;text-align:center;display:flex;align-items:center;justify-content:center}.nav-icon,.nav-icon svg{width:20px;height:20px;flex-shrink:0}.nav-icon svg{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-label{font-size:.82rem;font-weight:500}.nav-badge{margin-left:auto;background:var(--accent);color:#fff;font-size:.6rem;font-weight:700;padding:.1rem .4rem;border-radius:9999px}.sidebar-footer{border-top:1px solid rgba(6,182,212,.12);padding:.5rem 0 .75rem}.sidebar-brand{padding:.5rem 1.25rem 0;font-size:.7rem;color:#475569}.sidebar.collapsed .sidebar-brand{display:none}.sidebar-footer .nav-item{margin:0}.sidebar-toggle{background:none;border:none;cursor:pointer;color:var(--text-2);font-size:1.2rem;line-height:1;padding:.25rem .35rem;border-radius:6px;transition:all .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-toggle:hover{background:var(--bg);color:var(--text)}.main-wrapper{margin-left:var(--sidebar-w);width:calc(100vw - var(--sidebar-w));display:flex;flex-direction:column;min-height:100vh;transition:margin-left .25s,width .25s;transition-timing-function:cubic-bezier(.4,0,.2,1);overflow-x:hidden}.main-wrapper.sidebar-collapsed{margin-left:60px;width:calc(100vw - 60px)}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;padding:0 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:40;box-shadow:0 1px 0 var(--border),0 2px 12px rgba(6,182,212,.04)}.topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:.75rem;min-width:0;flex-shrink:1}.page-title,.topbar-title{font-size:.95rem;font-weight:600;color:var(--text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.health-badge{font-size:.7rem;font-weight:600;padding:.25rem .75rem;border-radius:9999px}.health-ok{background:var(--green-light);color:var(--green-dark);border:1px solid var(--green-mid)}.health-err{background:var(--red-light);color:#b91c1c;border:1px solid #fecaca}.lang-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.22rem .75rem;font-size:.72rem;font-weight:600;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;cursor:pointer;white-space:nowrap;font-family:inherit;transition:background .15s,color .15s,border-color .15s}.lang-btn:hover{background:var(--sidebar-hover);color:var(--text);border-color:var(--accent)}#lang-switcher{padding:.22rem .7rem;color:var(--text-2);background:var(--bg);border:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}#lang-switcher:hover{background:var(--sidebar-hover);color:var(--text);border-color:var(--accent)}.user-chip{gap:.5rem;padding:.3rem .5rem .3rem .4rem;background:var(--bg);border:1px solid var(--border);border-radius:8px}.user-avatar,.user-chip{display:flex;align-items:center}.user-avatar{width:28px;height:28px;background:linear-gradient(135deg,var(--accent-dark) 0,var(--accent) 100%);color:#fff;border-radius:50%;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0;text-transform:uppercase;box-shadow:0 0 0 2px rgba(6,182,212,.25)}.user-info-block{display:flex;flex-direction:column;line-height:1.2}.user-name{font-size:.78rem;font-weight:600;color:var(--text)}.user-role-label{font-size:.65rem;color:var(--text-3)}.btn-logout{background:none;border:1px solid var(--border);color:var(--text-2);padding:.25rem .6rem;border-radius:6px;font-size:.72rem;cursor:pointer;font-weight:500;transition:all .15s}.btn-logout:hover{background:var(--red-light);color:#b91c1c;border-color:#fca5a5}.topbar-menu-btn{background:none;border:none;cursor:pointer;padding:.25rem;display:inline-flex;align-items:center;justify-content:center;color:var(--text-2);border-radius:4px}.topbar-menu-btn:hover{background:var(--bg-2)}.content{flex:1 1;padding:1.5rem}.page{display:none}.page.active{display:block}body:before{content:"";position:fixed;inset:0;background-image:url(/hero-bg.png);background-size:cover;background-position:50%;opacity:.1;z-index:-1;pointer-events:none;transition:opacity .3s ease}[data-theme=dark] body:before{opacity:.05}.dashboard-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.welcome-block{margin-bottom:0}.welcome-title{font-size:1.4rem;font-weight:700;color:var(--text);margin-bottom:.2rem}.welcome-sub{font-size:.8rem;color:var(--text-3);line-height:1.5}.period-selector{display:flex;align-items:center;gap:3px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:3px;box-shadow:var(--shadow);flex-shrink:0}.period-btn{padding:.3rem .85rem;border-radius:7px;border:none;background:transparent;color:var(--text-2);font-size:.75rem;font-weight:500;cursor:pointer;transition:background .15s,color .12s;white-space:nowrap;font-family:inherit}.period-btn:hover{background:var(--bg);color:var(--text)}.period-btn.active{background:var(--accent);color:#fff;font-weight:600}.kpi-header{display:flex;justify-content:flex-end;margin-bottom:.6rem}.kpi-period-selector{display:flex;gap:.2rem;background:var(--bg-2,#f3f4f6);border:1px solid var(--border);border-radius:9px;padding:3px}.kpi-period-btn{padding:.22rem .7rem;border-radius:6px;border:none;background:transparent;font-size:.73rem;font-weight:500;color:var(--text-2);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.kpi-period-btn.active,.kpi-period-btn:hover{background:var(--bg,#fff);color:var(--text)}.kpi-period-btn.active{font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08)}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.2rem 1.35rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow);transition:box-shadow .15s,transform .12s}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card-link{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kpi-card-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kpi-arrow{font-size:1.4rem;font-weight:300;color:var(--text-3);align-self:center;flex-shrink:0;line-height:1;transition:transform .15s,color .15s}.kpi-card-link:hover .kpi-arrow{transform:translateX(3px);color:var(--accent)}.kpi-sub-online{color:var(--green-dark);font-weight:600}.kpi-sub-offline{color:var(--text-3)}.kpi-icon{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0}.kpi-green{background:var(--green-light)}.kpi-blue{background:var(--blue-light)}.kpi-yellow{background:var(--yellow-light)}.kpi-red{background:var(--red-light)}.kpi-purple{background:var(--purple-light)}.kpi-orange{background:var(--orange-light)}.kpi-teal{background:var(--teal-light)}.kpi-body{flex:1 1;min-width:0}.kpi-label{font-size:.68rem;color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:.07em;line-height:1.2}.kpi-value{font-size:1.8rem;font-weight:800;color:var(--text);line-height:1.1;margin-top:.2rem;letter-spacing:-.02em}.kpi-sub{font-size:.72rem;color:var(--text-3);margin-top:.3rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-sub strong{color:var(--text-2);font-weight:600}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.25rem 1.35rem;box-shadow:var(--shadow);margin-bottom:1.25rem}.section-title{font-size:.7rem;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.section-title:before{content:"";display:inline-block;width:3px;height:14px;background:var(--accent);border-radius:2px}.data-table{width:100%;border-collapse:collapse;font-size:.83rem}.data-table th{text-align:left;font-size:.68rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;padding:0 .6rem .65rem;white-space:nowrap}.data-table td,.data-table th{border-bottom:1px solid var(--border)}.data-table td{padding:.6rem;color:var(--text);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr.cp-row:hover,.data-table tbody tr.tx-row:hover,.data-table tbody tr[style*="cursor: pointer"]:hover{background:var(--bg)}.cp-status-pill{display:inline-flex;align-items:center;gap:.45rem;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:.4rem .85rem;font-size:.8rem;font-weight:500;color:var(--text);transition:border-color .15s,box-shadow .15s}.cp-status-pill:hover{box-shadow:var(--shadow)}.cp-status-pill .pill-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.cp-status-pill .pill-energy{font-size:.68rem;font-weight:600;color:var(--yellow)}.dash-alerts-card{margin-bottom:1.25rem}.dash-no-alerts{display:flex;align-items:center;gap:.65rem;font-size:.85rem;color:var(--green-dark);font-weight:500;padding:.25rem 0}.dash-no-alerts-icon{font-size:1.1rem;line-height:1}.dash-alerts-list{display:flex;flex-direction:column;gap:.6rem}.dash-alert{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;border-radius:10px;border:1px solid transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .15s,transform .12s}.dash-alert:hover{opacity:.88;transform:translateX(2px)}.dash-alert:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dash-alert-warn{background:#fffbeb;border-color:#fcd34d}.dash-alert-error{background:#fef2f2;border-color:#fca5a5}.dash-alert-icon{font-size:1.15rem;line-height:1;flex-shrink:0}.dash-alert-body{flex:1 1;min-width:0;font-size:.84rem;color:var(--text)}.dash-alert-names{font-size:.75rem;color:var(--text-3);margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-alert-arrow{font-size:1.3rem;font-weight:300;color:var(--text-3);flex-shrink:0;transition:transform .15s,color .15s}.dash-alert:hover .dash-alert-arrow{transform:translateX(3px);color:var(--accent)}[data-theme=dark] .dash-alert-warn{background:rgba(252,211,77,.08);border-color:rgba(252,211,77,.35)}[data-theme=dark] .dash-alert-error{background:hsla(0,94%,82%,.08);border-color:hsla(0,94%,82%,.35)}.cp-status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:.7rem;gap:.7rem}.cp-status-card{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:.75rem .9rem;cursor:pointer;transition:box-shadow .15s,transform .12s,border-color .15s;display:flex;flex-direction:column;gap:.25rem}.cp-status-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cp-status-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cp-state-online{border-color:#86efac;background:#f0fdf4}.cp-state-charging{border-color:#fcd34d;background:#fffbeb}.cp-state-offline{border-color:#e2e8f0;background:#f8fafc;opacity:.75}.cp-status-card-top{display:flex;align-items:center;justify-content:space-between;gap:.3rem}.cp-state-icon{font-size:1rem;line-height:1;flex-shrink:0}.cp-state-badge{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .45rem;border-radius:99px}.cp-state-badge-online{background:#dcfce7;color:#15803d}.cp-state-badge-charging{background:#fef3c7;color:#92400e}.cp-state-badge-offline{background:#f1f5f9;color:#64748b}.cp-state-badge-preparing{background:#dbeafe;color:#1d4ed8}.cp-status-card-name{font-size:.85rem;font-weight:700;color:var(--text-1);margin-top:.2rem}.cp-status-card-id,.cp-status-card-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-status-card-id{font-size:.65rem;color:var(--text-3);font-family:monospace}.cp-status-card-metrics{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;font-size:.72rem;font-weight:600;color:#92400e;margin-top:.2rem}.cp-status-card-lastseen{font-size:.65rem;color:var(--text-3);margin-top:.15rem}.metrics-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-bottom:1.25rem}@media (max-width:900px){.metrics-row{grid-template-columns:1fr}}.metrics-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.25rem;box-shadow:var(--shadow)}.metrics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.metrics-title{font-size:.85rem;font-weight:700;color:var(--text)}.metrics-sub{font-size:.7rem;color:var(--text-3);margin-top:2px}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.85rem;gap:.85rem}.metric-item{display:flex;align-items:flex-start;gap:.6rem}.metric-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.mi-green{background:var(--green-light)}.mi-yellow{background:var(--yellow-light)}.mi-blue{background:var(--blue-light)}.mi-red{background:var(--red-light)}.mi-purple{background:var(--purple-light)}.mi-orange{background:var(--orange-light)}.mi-teal{background:var(--teal-light)}.mi-gray{background:var(--gray-light)}.metric-value{font-size:1.15rem;font-weight:700;color:var(--text);line-height:1.1}.metric-label{font-size:.68rem;color:var(--text-2);margin-top:2px;line-height:1.3}.toggle-wrap{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-label{font-size:.72rem;color:var(--text-2);font-weight:500}.toggle{width:36px;height:20px;background:#cbd5e1;border-radius:9999px;position:relative;cursor:pointer;transition:background .2s}.toggle.on{background:var(--green)}.toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.toggle.on .toggle-knob{transform:translateX(16px)}.page-toolbar{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;flex-wrap:wrap}.page-toolbar h2{font-size:1rem;font-weight:700;margin-right:auto}.filter-select{background:var(--surface);border:1.5px solid var(--border);border-radius:10px;padding:0 2.2rem 0 .85rem;font-size:.82rem;font-family:inherit;color:var(--text);outline:none;height:38px;box-sizing:border-box;cursor:pointer;transition:border-color .18s,box-shadow .18s,background .18s;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;min-width:120px}.filter-select:focus,.filter-select:hover{border-color:var(--accent)}.filter-select:focus{box-shadow:0 0 0 3px rgba(6,182,212,.13);background-color:var(--surface)}[data-theme=dark] select option{background-color:var(--surface);color:var(--text)}.search-input{background:var(--surface);border:1.5px solid var(--border);border-radius:10px;padding:.48rem .85rem;font-size:.82rem;color:var(--text);outline:none;font-family:inherit;transition:border-color .18s,box-shadow .18s,background .18s;min-width:180px;height:38px;box-sizing:border-box}.search-input:focus,.search-input:hover{border-color:var(--accent)}.search-input:focus{box-shadow:0 0 0 3px rgba(6,182,212,.13);background:var(--surface)}.search-input::placeholder{color:var(--text-3)}.station-search-wrap{position:relative;flex:1 1 300px;max-width:480px}.station-search-wrap .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-3);width:15px;height:15px}.station-search-wrap .search-input{width:100%;padding-left:34px;padding-right:34px;min-width:0;border-radius:20px;background:var(--bg,#fff)}.station-search-wrap .search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(6,182,212,.13)}.station-search-wrap .search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-3);font-size:.8rem;padding:2px 4px;border-radius:4px;line-height:1}.station-search-wrap .search-clear:hover{color:var(--text);background:var(--border)}.sound-toggle-btn{font-size:1rem;padding:.2rem .45rem;border-radius:8px;border:1px solid var(--border);background:transparent;cursor:pointer;transition:background .15s,border-color .15s;opacity:.55;line-height:1}.sound-toggle-btn:hover{opacity:.85;background:var(--border)}.sound-toggle-btn--on{opacity:1;border-color:#22c55e60;background:#22c55e0d}.sound-toggle-btn--on:hover{background:#22c55e18}.station-search-meta{display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:500;color:var(--text-2);margin-bottom:.8rem;flex-wrap:wrap;padding:.45rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;letter-spacing:.01em}.station-search-meta .meta-sep{color:var(--border);font-weight:300;font-size:.85rem;padding:0 1px}.station-search-meta .meta-highlight{color:var(--accent);font-weight:700}.station-search-meta strong{color:var(--text);font-weight:700}#cp-grid{display:block;margin-bottom:1rem}.cp-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.1rem;cursor:pointer;transition:all .15s;box-shadow:var(--shadow)}.cp-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.cp-card.selected{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 3px rgba(6,182,212,.15)}.cp-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.6rem}.cp-id{font-weight:700;font-size:.95rem;color:var(--text)}.cp-model{font-size:.7rem;color:var(--text-3);margin-top:2px}.status-pill{font-size:.65rem;font-weight:700;padding:.2rem .55rem;border-radius:9999px;white-space:nowrap}.pill-online{background:var(--green-light);color:var(--green-dark)}.pill-offline{background:var(--gray-light);color:#4b5563}.pill-charging{background:var(--yellow-light);color:#92400e}.pill-faulted{background:var(--red-light);color:#b91c1c}.cp-status-badge{display:inline-block;font-size:.72rem;font-weight:700;padding:.22rem .6rem;border-radius:6px;white-space:nowrap;letter-spacing:.01em}.csb-online{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.csb-offline{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.cp-status-sub{display:inline-block;font-size:.64rem;font-weight:600;padding:.15rem .5rem;border-radius:5px;white-space:nowrap;margin-top:3px}.csb-charging{background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe}.csb-faulted{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.csb-preparing{background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe}.csb-unavailable{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.csb-available{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.charging-band{background:#f0fdf4;border:1px solid var(--green-mid);border-radius:8px;padding:.35rem .6rem;font-size:.72rem;color:var(--green-dark);align-items:center;gap:.3rem}.charging-band,.connector-row{display:flex;flex-wrap:wrap;margin-bottom:.5rem}.connector-row{gap:.4rem}.conn-tag{font-size:.65rem;padding:.18rem .5rem;border-radius:6px;border:1px solid var(--border);color:var(--text-2);background:var(--bg)}.conn-available{border-color:#86efac;background:var(--green-light);color:var(--green-dark)}.conn-occupied{border-color:#fcd34d;background:var(--yellow-light);color:#92400e}.conn-faulted{border-color:#fca5a5;background:var(--red-light);color:#b91c1c}.conn-preparing{border-color:#93c5fd;background:var(--blue-light);color:#1d4ed8}.conn-finishing{border-color:#c4b5fd;background:var(--purple-light);color:#6d28d9}.conn-unavail{border-color:#d1d5db;background:var(--gray-light);color:#4b5563}.cp-footer{font-size:.68rem;color:var(--text-3);margin-top:.25rem}.cp-meta{display:flex;flex-wrap:wrap;gap:.3rem .8rem;margin:.35rem 0 .4rem;font-size:.7rem;color:var(--text-2)}.cp-meta-item{display:flex;align-items:center;gap:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cp-meta-icon{opacity:.65;flex-shrink:0}.cp-total-energy{font-size:.68rem;font-weight:600;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:.1rem .45rem}.cp-location-btn{background:none;border:none;cursor:pointer;font-size:.65rem;padding:0 .1rem;opacity:0;transition:opacity .15s;vertical-align:middle}.cp-card:hover .cp-location-btn{opacity:1}.cp-rename-btn{background:none;border:none;cursor:pointer;font-size:.7rem;padding:0 .15rem;opacity:0;transition:opacity .15s;vertical-align:middle;line-height:1}.cp-card:hover .cp-rename-btn{opacity:1}.cp-ocpp-id{font-size:.62rem;font-family:SFMono-Regular,Consolas,monospace;color:var(--text-3);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.05rem .35rem;margin-right:.25rem;font-weight:400}.cp-online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px;vertical-align:middle}.dot-on{background:var(--green);box-shadow:0 0 0 2px var(--green-light)}.dot-off{background:#d1d5db}.detail-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;box-shadow:var(--shadow);margin-top:.5rem}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.panel-title{font-size:1rem;font-weight:700;color:var(--text)}.panel-model{font-size:.75rem;color:var(--text-3);margin-top:2px}.panel-section{margin-top:1.25rem}.section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:.65rem;display:flex;align-items:center;justify-content:space-between}.connector-list{display:flex;gap:.5rem;flex-wrap:wrap}.cmd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:.85rem;gap:.85rem}.cmd-section{padding:1rem 0}.cmd-section-header{display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem}.cmd-section-icon{width:13px;height:13px;flex-shrink:0;color:var(--accent)}.cmd-field{margin-bottom:.55rem}.cmd-divider{border:none;border-top:1px solid var(--border);margin:0}.cmd-limit-toggle{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:.35rem;color:var(--text-2);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.1rem 0}.cmd-limit-toggle:hover{color:var(--accent)}.cmd-limit-badge{background:var(--accent);color:#fff;border-radius:10px;padding:0 6px;font-size:.68rem}.cmd-clear-btn{background:none;border:none;cursor:pointer;color:var(--text-3);font-size:1rem;line-height:1;padding:.35rem}.cmd-clear-btn:hover{color:var(--red)}.cmd-label{font-size:.72rem;font-weight:600;color:var(--text-2);margin-bottom:.35rem;display:block}.cmd-row{display:flex;gap:.4rem;flex-wrap:wrap}.cmd-input{flex:1 1;background:var(--surface);border:1.5px solid var(--border);border-radius:9px;color:var(--text);padding:.45rem .75rem;font-size:.82rem;font-family:inherit;outline:none;min-width:80px;height:38px;box-sizing:border-box;transition:border-color .18s,box-shadow .18s,background .18s}.cmd-input:focus,.cmd-input:hover{border-color:var(--accent)}.cmd-input:focus{box-shadow:0 0 0 3px rgba(6,182,212,.13);background:var(--surface)}.cmd-input::placeholder{color:var(--text-3)}.cmd-result{margin-top:.75rem;padding:.6rem .85rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-size:.8rem;font-weight:500;color:var(--text-2);min-height:36px;font-family:inherit;white-space:pre-line;word-break:break-word}.table-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:.78rem}thead{background:var(--bg)}th{text-align:left;color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.67rem;white-space:nowrap}td,th{padding:.55rem .85rem;border-bottom:1px solid var(--border)}td{color:var(--text)}tbody tr:last-child td{border-bottom:none}.data-table tbody tr.cp-row:hover,.data-table tbody tr.tx-row:hover,.data-table tbody tr[style*="cursor: pointer"]:hover{background:var(--gray-light)}[data-theme=dark] .data-table tbody tr.cp-row:hover,[data-theme=dark] .data-table tbody tr.tx-row:hover,[data-theme=dark] .data-table tbody tr[style*="cursor: pointer"]:hover{background:hsla(0,0%,100%,.05)}.tx-status{display:inline-block;font-size:.65rem;font-weight:700;padding:.18rem .55rem;border-radius:9999px;text-transform:capitalize}.tx-active{background:var(--yellow-light);color:#92400e;border:1px solid #fcd34d}.tx-completed{background:var(--green-light);color:var(--green-dark);border:1px solid #86efac}.tx-error{background:var(--red-light);color:#b91c1c;border:1px solid #fca5a5}.ev-badge{font-size:.62rem;font-weight:700;padding:.15rem .5rem;border-radius:5px;white-space:nowrap;border:1px solid transparent}.ev-start{background:var(--green-light);color:var(--green-dark);border-color:#86efac}.ev-stop{background:var(--yellow-light);color:#92400e;border-color:#fcd34d}.ev-remote-start{background:var(--blue-light);color:#1d4ed8;border-color:#93c5fd}.ev-remote-stop{background:var(--purple-light);color:#6d28d9;border-color:#c4b5fd}.ev-boot{background:var(--gray-light);color:#374151;border-color:#d1d5db}.ev-reset{background:var(--red-light);color:#b91c1c;border-color:#fca5a5}.ev-default{background:var(--bg);color:var(--text-3);border-color:var(--border)}.role-badge{font-size:.62rem;font-weight:700;padding:.15rem .5rem;border-radius:5px;text-transform:uppercase;letter-spacing:.04em}.role-admin{background:var(--purple-light);color:#6d28d9;border:1px solid #c4b5fd}.role-operator{background:var(--yellow-light);color:#92400e;border:1px solid #fcd34d}.role-viewer{background:var(--gray-light);color:#4b5563;border:1px solid #d1d5db}.btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .9rem;border-radius:7px;border:1px solid transparent;cursor:pointer;font-size:.78rem;font-weight:600;transition:all .15s;white-space:nowrap}.btn:hover{opacity:.88}.btn:active{transform:scale(.97)}.btn-success{background:var(--green);color:#fff;border-color:var(--green-dark)}.btn-danger{background:var(--red);color:#fff;border-color:#dc2626}.btn-icon-danger{background:none;border:none;cursor:pointer;font-size:.95rem;color:var(--text-3);padding:.2rem .35rem;border-radius:6px;line-height:1;transition:color .15s,background .15s}.btn-icon-danger:hover{color:var(--red);background:rgba(220,38,38,.08)}.btn-primary{background:linear-gradient(135deg,var(--accent-dark) 0,var(--accent) 100%);color:#fff;border-color:var(--accent-dark)}.btn-warning{background:var(--yellow);color:#fff;border-color:#d97706}.btn-outline{background:var(--surface);color:var(--text-2);border-color:var(--border)}.btn-outline:hover{background:var(--bg);border-color:#cbd5e1}.btn-sm{padding:.25rem .6rem;font-size:.7rem}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:100;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.15)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem .75rem;border-bottom:1px solid var(--border)}.modal-header h3{font-size:.95rem;font-weight:700;color:var(--text)}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-3);font-size:1rem;padding:.2rem;border-radius:4px;transition:color .15s}.modal-close:hover{color:var(--red)}.modal-body{padding:1rem 1.25rem}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1.25rem 1.1rem;border-top:1px solid var(--border)}.form-group{margin-bottom:.85rem}.form-group label{display:block;font-size:.75rem;font-weight:600;color:var(--text-2);margin-bottom:.3rem}.form-group input,.form-group select{width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:9px;color:var(--text);padding:.48rem .8rem;font-size:.83rem;font-family:inherit;outline:none;height:38px;box-sizing:border-box;transition:border-color .18s,box-shadow .18s,background .18s;-moz-appearance:none;appearance:none;-webkit-appearance:none}.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:2rem;cursor:pointer}.form-group input:hover,.form-group select:hover{border-color:var(--accent)}.form-group input:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(6,182,212,.13);background:var(--surface)}.form-group input::placeholder{color:var(--text-3)}.hint-text{font-size:.65rem;font-weight:400;color:var(--text-3)}.btn-charge-start,.btn-charge-stop{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.9rem 1.5rem;border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;letter-spacing:.02em;font-family:inherit;transition:transform .15s,box-shadow .15s,opacity .15s}.btn-charge-start{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;box-shadow:0 4px 12px rgba(22,163,74,.35)}.btn-charge-start:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(22,163,74,.45)}.btn-charge-stop{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;box-shadow:0 4px 12px rgba(220,38,38,.35)}.btn-charge-stop:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(220,38,38,.45)}.btn-charge-start:disabled,.btn-charge-stop:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-charge-start svg,.btn-charge-stop svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}@keyframes stopGlow{0%,to{box-shadow:0 4px 12px rgba(220,38,38,.35)}50%{box-shadow:0 4px 24px rgba(239,68,68,.65)}}.btn-charge-stop.pulsing{animation:stopGlow 2s ease-in-out infinite}.form-label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);margin-bottom:.32rem}.form-input{width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;padding:.52rem .85rem;font-size:.875rem;color:var(--text);outline:none;font-family:inherit;height:40px;box-sizing:border-box;transition:border-color .18s,box-shadow .18s,background .18s;-moz-appearance:none;appearance:none;-webkit-appearance:none}.form-input:focus,.form-input:hover{border-color:var(--accent)}.form-input:focus{box-shadow:0 0 0 3px rgba(6,182,212,.13);background:var(--surface)}.form-input::placeholder{color:var(--text-3);font-weight:400}select.form-input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:2.2rem}textarea.form-input{height:auto;min-height:80px;resize:vertical;padding-top:.6rem}.seg-ctrl{display:flex;background:var(--bg);border:1.5px solid var(--border);border-radius:10px;padding:3px;gap:2px}.seg-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .75rem;border:none;border-radius:7px;font-size:.82rem;font-weight:600;cursor:pointer;background:transparent;color:var(--text-3);transition:background .18s,color .18s,box-shadow .18s}.seg-btn.active{background:var(--surface);color:var(--accent-dark);box-shadow:0 1px 4px rgba(0,0,0,.1),0 0 0 1px rgba(6,182,212,.12)}.seg-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.v-section{background:var(--bg);border:1.5px solid var(--border);border-radius:10px;padding:.85rem 1rem}.v-section-title{display:flex;align-items:center;gap:.45rem;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);margin-bottom:.75rem}.v-section-title:before{content:"";display:inline-block;width:3px;height:11px;background:var(--accent);border-radius:2px;flex-shrink:0}.v-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:.65rem;gap:.65rem}.v-hint{font-size:.79rem;color:var(--text-3);margin-top:.5rem;line-height:1.55}.v-hint a{color:var(--accent-dark);font-weight:500;text-decoration:none}.v-hint a:hover{text-decoration:underline}.v-info-box{display:flex;align-items:flex-start;gap:.45rem;background:rgba(6,182,212,.07);border:1px solid var(--accent-mid);border-radius:7px;padding:.5rem .7rem;font-size:.79rem;color:var(--accent-dark);font-weight:500;margin-top:.6rem}.modal-error{background:var(--red-light);border:1px solid #fca5a5;color:#b91c1c;border-radius:7px;padding:.5rem .75rem;font-size:.75rem;margin-top:.5rem}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:1rem;gap:1rem}.report-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .15s;box-shadow:var(--shadow);position:relative}.report-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.report-icon{font-size:1.75rem;margin-bottom:.65rem}.report-title{font-size:.88rem;font-weight:700;color:var(--text);margin-bottom:.35rem}.report-desc{font-size:.75rem;color:var(--text-2);line-height:1.5}.report-badge{position:absolute;top:.75rem;right:.75rem;background:var(--orange-light);color:var(--orange);font-size:.6rem;font-weight:700;padding:.15rem .45rem;border-radius:9999px;border:1px solid #fed7aa}.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.placeholder-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.placeholder-title{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.placeholder-sub{font-size:.82rem;color:var(--text-2);max-width:360px;line-height:1.6}.empty-state{text-align:center;color:var(--text-3);padding:2rem;font-size:.82rem}.group-section{margin-bottom:1.75rem}.group-heading{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;padding:.45rem .75rem .45rem .6rem;border-bottom:2px solid var(--border);margin-bottom:.6rem;background:linear-gradient(90deg,rgba(59,130,246,.04),transparent);border-radius:6px 6px 0 0}.group-count-badge{background:#2563eb;color:#fff;font-size:.6rem;font-weight:700;border-radius:99px;padding:1px 7px;letter-spacing:0;text-transform:none;box-shadow:0 1px 3px rgba(37,99,235,.25)}.group-heading-ungrouped{color:var(--text-3);border-bottom-style:dashed;background:none}.charging-group-section{margin-bottom:1.75rem}.charging-group-heading{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.65rem 1rem;border-radius:12px 12px 0 0;background:linear-gradient(135deg,#fffbeb,#fef3c7 50%,#fff9ec);border:1px solid #fcd34d;border-bottom:3px solid #f59e0b;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:0;box-shadow:0 2px 8px rgba(245,158,11,.1)}.charging-group-left{display:flex;align-items:center;gap:8px}.charging-pulse-wrap{position:relative;width:14px;height:14px;flex-shrink:0}.charging-pulse-dot{position:absolute;inset:3px;border-radius:50%;background:#d97706}.charging-pulse-ring{position:absolute;inset:0;border-radius:50%;border:2px solid #f59e0b;animation:chargingPulse 1.8s ease-out infinite}@keyframes chargingPulse{0%{transform:scale(.8);opacity:.9}60%{transform:scale(1.7);opacity:0}to{transform:scale(1.7);opacity:0}}.charging-group-label{font-size:.72rem;font-weight:800;color:#78350f;text-transform:uppercase;letter-spacing:.07em}.charging-count-badge{background:#d97706!important;color:#fff!important;box-shadow:0 1px 3px rgba(180,83,9,.3)!important}.charging-stats-chips{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.charging-stat-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 10px;border-radius:99px;font-size:.67rem;font-weight:700;border:1px solid;white-space:nowrap}.charging-stat-chip--power{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.charging-stat-chip--energy{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.charging-sort-wrap{display:flex;align-items:center;gap:5px;margin-left:4px}.charging-sort-label{font-size:.61rem;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.05em}.charging-sort-btn{font-size:.62rem;font-weight:600;padding:2px 8px;height:20px;border-radius:6px;border:1px solid #fcd34d;background:transparent;color:#b45309;cursor:pointer;transition:background .15s,color .15s}.charging-sort-btn:hover{background:#fef3c7}.charging-sort-btn--active{background:#d97706;border-color:#d97706;color:#fff}.charging-collapse-arrow{margin-left:auto;font-size:.72rem;color:#92400e;padding-left:8px;flex-shrink:0}.charging-group-rows{border:1px solid #fcd34d;border-top:none;border-radius:0 0 12px 12px;overflow:hidden;box-shadow:0 3px 8px rgba(245,158,11,.07)}.charging-group-rows .cp-row:last-child{border-bottom:none}.charging-group-rows .cp-row{border-radius:0;margin-bottom:0;border-left-width:4px;border-right:none;border-top:none;border-bottom:1px solid rgba(253,211,77,.4)}.cp-group-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.3rem}.cp-group-tag{font-size:.62rem;font-weight:600;background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;border-radius:4px;padding:1px 6px;white-space:nowrap}.group-row{display:flex;align-items:center;gap:.5rem;padding:.6rem 0;border-bottom:1px solid var(--border)}.group-row:last-child{border-bottom:none}.group-row-name{flex:1 1;font-size:.82rem;font-weight:600;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-row-desc{font-size:.72rem;color:var(--text-3);margin-top:1px}.group-row-meta{font-size:.7rem;color:var(--text-3);white-space:nowrap}.cp-row{display:flex;align-items:stretch;gap:0;padding:0;background:var(--surface);border-left:1px solid var(--border);border:1px solid var(--border);border-left-width:4px;border-radius:10px;margin-bottom:.5rem;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .12s;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05)}.cp-row:hover{border-color:var(--accent);box-shadow:0 3px 10px rgba(0,0,0,.09);transform:translateY(-1px)}.cp-row.selected{border-color:var(--blue);box-shadow:0 0 0 2px rgba(59,130,246,.18)}.cp-row.cp-row-checked{border-color:#fca5a5;background:hsla(0,86%,97%,.6);box-shadow:0 0 0 2px rgba(220,38,38,.12)}.cp-row.cp-online{background:linear-gradient(100deg,#f0fdf4,#f7fffe);border-color:#86efac #86efac #86efac #16a34a}.cp-row.cp-charging{background:linear-gradient(100deg,#eff6ff,#f5f9ff);border-color:#93c5fd #93c5fd #93c5fd #2563eb;animation:cp-charging-glow 3.5s ease-in-out infinite}.cp-row.cp-faulted{background:linear-gradient(100deg,#fff1f2,#fff5f5);border-color:#fca5a5 #fca5a5 #fca5a5 #dc2626}.cp-row.cp-offline{background:#f8fafc;border-color:#e2e8f0 #e2e8f0 #e2e8f0 #94a3b8;opacity:.82}@keyframes cp-charging-glow{0%,to{box-shadow:0 1px 3px rgba(37,99,235,.06)}50%{box-shadow:0 2px 14px rgba(37,99,235,.18)}}.cp-row.cp-online:hover{border-color:#4ade80 #4ade80 #4ade80 #16a34a;box-shadow:0 3px 12px rgba(22,163,74,.13);transform:translateY(-1px)}.cp-row.cp-charging:hover{border-color:#60a5fa #60a5fa #60a5fa #2563eb;box-shadow:0 3px 14px rgba(37,99,235,.16);transform:translateY(-1px)}.cp-row.cp-faulted:hover{border-color:#f87171 #f87171 #f87171 #dc2626;box-shadow:0 3px 12px rgba(220,38,38,.13);transform:translateY(-1px)}.cp-row.cp-offline:hover{border-color:#94a3b8;transform:translateY(-1px);opacity:1}.cp-row.cp-online.selected{border-color:var(--blue);border-left-color:#16a34a}.cp-row.cp-charging.selected{border-color:var(--blue);border-left-color:#2563eb;animation:none;box-shadow:0 0 0 2px rgba(59,130,246,.22)}.cp-row.cp-faulted.selected{border-color:var(--blue);border-left-color:#dc2626}.cp-row.cp-offline.selected{border-color:var(--blue);opacity:1}.cp-btn-delete{background:transparent;border:1px solid var(--c-error-border);color:var(--c-error-text)}.cp-btn-delete:hover{background:var(--c-error-bg)}.cp-btn-request-delete{background:transparent;border:1px solid var(--c-warn-border);color:var(--c-warn-text)}.cp-btn-request-delete:hover{background:var(--c-warn-bg)}.cp-btn-pending{background:var(--c-info-bg);border:1px solid var(--c-info-border);color:var(--c-info-text)}[data-theme=dark] .cp-row-col-label{color:var(--text-2);opacity:1}[data-theme=dark] .charging-group-heading{background:linear-gradient(135deg,rgba(245,158,11,.14),rgba(251,191,36,.08));border-color:rgba(245,158,11,.35) rgba(245,158,11,.35) rgba(245,158,11,.55)}[data-theme=dark] .charging-group-label{color:#fde68a}[data-theme=dark] .cp-row.cp-online{background:linear-gradient(100deg,rgba(22,163,74,.1),rgba(22,163,74,.04));border-color:rgba(34,197,94,.38) rgba(34,197,94,.38) rgba(34,197,94,.38) #22c55e}[data-theme=dark] .cp-row.cp-charging{background:linear-gradient(100deg,rgba(37,99,235,.12),rgba(37,99,235,.04));border-color:rgba(59,130,246,.38) rgba(59,130,246,.38) rgba(59,130,246,.38) #3b82f6;animation:cp-charging-glow-dark 3.5s ease-in-out infinite}@keyframes cp-charging-glow-dark{0%,to{box-shadow:0 1px 3px rgba(96,165,250,.07)}50%{box-shadow:0 2px 16px rgba(96,165,250,.24)}}[data-theme=dark] .cp-row.cp-faulted{background:linear-gradient(100deg,rgba(220,38,38,.1),rgba(220,38,38,.04));border-color:rgba(239,68,68,.38) rgba(239,68,68,.38) rgba(239,68,68,.38) #ef4444}[data-theme=dark] .cp-row.cp-offline{background:rgba(100,116,139,.07);border-color:rgba(100,116,139,.25) rgba(100,116,139,.25) rgba(100,116,139,.25) rgba(100,116,139,.5);opacity:.88}[data-theme=dark] .cp-row.cp-online:hover{border-color:rgba(34,197,94,.6);box-shadow:0 3px 12px rgba(34,197,94,.12)}[data-theme=dark] .cp-row.cp-charging:hover{border-color:rgba(59,130,246,.6);box-shadow:0 3px 14px rgba(59,130,246,.16)}[data-theme=dark] .cp-row.cp-faulted:hover{border-color:rgba(239,68,68,.6);box-shadow:0 3px 12px rgba(239,68,68,.12)}[data-theme=dark] .cp-row.cp-offline:hover{border-color:rgba(100,116,139,.45);opacity:1}[data-theme=dark] .cp-row.cp-row-checked{border-color:rgba(239,68,68,.5);background:rgba(239,68,68,.08)}.cp-row-col{display:flex;flex-direction:column;justify-content:flex-start;gap:3px;padding:.5rem .75rem;border-left:1px solid var(--border,#e5e7eb);min-width:0;overflow:hidden}.cp-row-col:first-child{border-left:none}.cp-row .cp-row-col:first-child{flex:0 0 100px}.cp-row .cp-row-col:nth-child(2){flex:0 0 250px}.cp-row .cp-row-col:nth-child(3){flex:0 0 200px}.cp-row .cp-row-col:nth-child(4){flex:1 1}.cp-row .cp-row-col:nth-child(5),.cp-row .cp-row-col:nth-child(6){flex:0 0 200px}.cp-row-col-label{font-size:.56rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);opacity:.8;white-space:nowrap}.cp-row-identity{display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}.cp-row-name{font-weight:600;font-size:.85rem;color:var(--text)}.cp-row-name,.cp-row-ocpp-id{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-row-ocpp-id{font-size:.68rem;color:var(--text-3);font-family:SFMono-Regular,Consolas,monospace}.cp-row-connectors{display:flex;flex-wrap:wrap;gap:.3rem;align-items:flex-start;overflow:hidden}.cp-row-energy{font-size:.78rem;font-weight:600;color:var(--green-dark);overflow:hidden;min-width:0}.limit-bars{min-width:0}.limit-bars+.limit-bars{margin-top:4px}.cp-row-history{display:flex;flex-direction:column;gap:2px;min-width:0}.cp-row-history-count{font-size:.75rem;font-weight:600;color:var(--text-2);white-space:nowrap}.cp-row-history-last{font-size:.68rem;color:var(--text-3);white-space:nowrap}.cp-row-meta{font-size:.72rem;color:var(--text-3);display:flex;flex-direction:column;gap:1px;align-items:flex-start;overflow:hidden}.cp-row-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.cp-row-actions{display:flex;flex-direction:column;justify-content:center;gap:.35rem;flex-shrink:0;padding:.5rem .65rem;border-left:1px solid var(--border,#e5e7eb);width:148px;background:rgba(0,0,0,.012)}.cp-row[title]{cursor:pointer}.cp-action-btn{width:100%;height:31px;min-height:31px;padding:0 .55rem;font-size:.76rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.28rem;box-sizing:border-box;border-radius:8px;transition:filter .12s,transform .1s,box-shadow .12s}.cp-action-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.12)}.cp-action-btn:active:not(:disabled){transform:translateY(0);filter:brightness(.97)}.cp-action-btn:empty{visibility:hidden}.cp-row-actions .btn svg{width:12px!important;height:12px!important;flex-shrink:0}.station-modal-box{max-width:820px;width:95%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.panel-modal-header{padding:1rem 1.25rem .75rem}.panel-header-left{display:flex;align-items:center;gap:.7rem}.panel-status-indicator{width:10px;height:10px;border-radius:50%;background:var(--border);flex-shrink:0;transition:background .3s}.panel-status-indicator.online{background:var(--green);box-shadow:0 0 0 3px rgba(22,163,74,.15)}.panel-status-indicator.offline{background:var(--border)}.panel-status-indicator.charging{background:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.15)}.panel-tabs{display:flex;border-bottom:2px solid var(--border);padding:0 1.25rem;gap:0;background:var(--bg)}.panel-tab{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.8rem;font-weight:500;color:var(--text-2);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.panel-tab:hover{color:var(--text)}.panel-tab.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.tab-icon{font-size:.85rem}.panel-tab-body{overflow-y:auto;flex:1 1;padding:1rem 1.25rem 1.25rem}.tab-pane{display:none}.tab-pane.active{display:block}.info-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:.75rem;gap:.75rem}.info-card{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:.7rem .85rem;display:flex;flex-direction:column;gap:.2rem}.info-card-label{font-size:.67rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:.3rem}.info-card-value{font-size:.88rem;font-weight:600;color:var(--text);word-break:break-all}.info-card-value.monospace{font-family:monospace;font-size:.82rem}.location-edit-row{margin-top:.85rem;display:flex;align-items:center;gap:.5rem;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:.5rem .75rem}.location-pin-icon{font-size:1rem;flex-shrink:0}.location-edit-row .cmd-input{flex:1 1;border:none;background:transparent;padding:.1rem 0;font-size:.82rem}.location-edit-row .cmd-input:focus{outline:none;box-shadow:none}.station-modal-box .panel-section{margin-top:1.2rem}.notif-bell-btn{font-size:1rem;padding:.3rem .55rem;border-radius:8px;transition:background .15s}.notif-bell-btn:hover{background:var(--blue-light);border-color:var(--blue)}.notif-toggle-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:.85rem;color:var(--text);-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--border);border-radius:22px;transition:background .2s}.toggle-slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.toggle-switch input:checked+.toggle-slider{background:var(--green)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(18px)}.mono{font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem}.text-green{color:var(--green-dark)}.text-red{color:#b91c1c}.text-gray{color:var(--text-3)}.tx-row{cursor:pointer;transition:background .1s}.tx-row:hover{background:var(--gray-light)}[data-theme=dark] .cp-state-badge-online{background:rgba(34,197,94,.15);color:#86efac}[data-theme=dark] .cp-state-badge-charging{background:rgba(251,191,36,.15);color:#fde68a}[data-theme=dark] .cp-state-badge-offline{background:rgba(100,116,139,.2);color:#94a3b8}[data-theme=dark] .cp-state-badge-preparing{background:rgba(59,130,246,.15);color:#93c5fd}[data-theme=dark] .pill-online{background:rgba(34,197,94,.15);color:#86efac}[data-theme=dark] .pill-offline{background:rgba(100,116,139,.2);color:#94a3b8}[data-theme=dark] .pill-charging{background:rgba(251,191,36,.15);color:#fde68a}[data-theme=dark] .pill-faulted{background:rgba(239,68,68,.15);color:#fca5a5}[data-theme=dark] .csb-online{background:rgba(34,197,94,.15);color:#86efac;border-color:rgba(34,197,94,.25)}[data-theme=dark] .csb-offline{background:rgba(100,116,139,.2);color:#94a3b8;border-color:rgba(100,116,139,.3)}[data-theme=dark] .csb-charging{background:rgba(59,130,246,.15);color:#93c5fd;border-color:rgba(59,130,246,.25)}[data-theme=dark] .csb-faulted{background:rgba(239,68,68,.15);color:#fca5a5;border-color:rgba(239,68,68,.25)}[data-theme=dark] .csb-preparing{background:rgba(59,130,246,.15);color:#93c5fd;border-color:rgba(59,130,246,.25)}[data-theme=dark] .csb-unavailable{background:rgba(100,116,139,.2);color:#94a3b8;border-color:rgba(100,116,139,.3)}[data-theme=dark] .csb-available{background:rgba(34,197,94,.15);color:#86efac;border-color:rgba(34,197,94,.25)}[data-theme=dark] .evse-card-charging{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.3)}[data-theme=dark] .evse-card-charging .evse-card-status{color:#86efac}[data-theme=dark] .evse-card-finishing{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.3)}[data-theme=dark] .evse-card-finishing .evse-card-status{color:#93c5fd}[data-theme=dark] .evse-card-suspended{background:rgba(251,191,36,.08);border-color:rgba(251,191,36,.3)}[data-theme=dark] .evse-card-suspended .evse-card-status{color:#fde68a}[data-theme=dark] .evse-card-faulted{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.3)}[data-theme=dark] .evse-card-faulted .evse-card-status{color:#fca5a5}[data-theme=dark] .evse-card-preparing{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.3)}[data-theme=dark] .evse-card-preparing .evse-card-status{color:#c4b5fd}[data-theme=dark] .evse-card-available{background:rgba(100,116,139,.1);border-color:rgba(100,116,139,.25)}[data-theme=dark] .evse-card-available .evse-card-status{color:#cbd5e1}[data-theme=dark] .evse-card-unavailable{background:rgba(100,116,139,.08);border-color:rgba(100,116,139,.2)}[data-theme=dark] .evse-card-unavailable .evse-card-status{color:#94a3b8}[data-theme=dark] .evse-card-reserved{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.3)}[data-theme=dark] .evse-card-reserved .evse-card-status{color:#c4b5fd}[data-theme=dark] .tx-row:hover{background:hsla(0,0%,100%,.05)!important}.tx-row-expanded>td{background:var(--accent-light)!important;font-weight:600}[data-theme=dark] .tx-row-expanded>td{background:rgba(6,182,212,.1)!important;color:var(--accent)}.tx-detail-row td{padding:0!important;background:var(--bg);border-top:none!important}.tx-detail-row td>.mv-panel{border-top:2px solid var(--border)}.mv-panel{padding:12px 18px 14px}.mv-timestamp{font-size:.7rem;color:var(--text-3);margin-bottom:10px}.mv-group{margin-bottom:8px}.mv-group-label{font-size:.72rem;font-weight:700;color:var(--text-2);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.mv-chips{display:flex;flex-wrap:wrap;gap:6px}.mv-chip{font-size:.78rem;padding:3px 10px;border-radius:14px;background:#ececec;color:#333;white-space:nowrap}.mv-chip-ok{background:#dcf5e8;color:#166534}.mv-chip-warn{background:#fef3c7;color:#92400e;font-weight:600}.mv-chip-danger{background:#fee2e2;color:#991b1b;font-weight:700;animation:mv-pulse 1.2s ease-in-out infinite}@keyframes mv-pulse{0%,to{box-shadow:0 0 0 0 rgba(220,38,38,.35)}50%{box-shadow:0 0 0 5px rgba(220,38,38,0)}}.mv-summary{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:5px 14px;border-radius:10px;font-size:.8rem;font-weight:600}.mv-summary-ok{background:#dcf5e8;color:#166534}.mv-summary-warn{background:#fef3c7;color:#92400e}.mv-summary-danger{background:#fee2e2;color:#991b1b}.mv-empty{font-style:italic}.mv-empty,.mv-loading{padding:12px 18px;color:var(--text-3);font-size:.82rem}.evse-cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin-bottom:2px}.evse-card{border-radius:14px;padding:12px 16px;border:1.5px solid;display:flex;gap:14px;align-items:center;transition:box-shadow .2s;flex:1 1 220px;min-width:200px;max-width:340px}.evse-card:hover{box-shadow:0 3px 10px rgba(0,0,0,.08)}.evse-card-icon{font-size:2.4rem;line-height:1;flex-shrink:0;width:52px;text-align:center}.evse-card-body{flex:1 1;min-width:0}.evse-card-cp{font-size:.67rem;color:var(--text-3);font-family:monospace;margin-bottom:3px}.evse-card-status{font-size:.9rem;font-weight:700;margin-bottom:5px}.evse-card-detail{font-size:.79rem;color:var(--text-2);line-height:1.65}.evse-energy-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}.evse-energy-chip{display:inline-flex;align-items:center;gap:3px;background:rgba(0,0,0,.06);border-radius:8px;padding:2px 8px;font-size:.76rem;font-weight:600}.evse-timer{font-family:monospace;font-weight:700;letter-spacing:.04em}.evse-card-charging{border-color:#86efac;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.evse-card-charging .evse-card-status{color:#15803d}.evse-card-charging .evse-card-icon{animation:evse-pulse 1.6s ease-in-out infinite}.evse-card-finishing{border-color:#93c5fd;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.evse-card-finishing .evse-card-status{color:#1d4ed8}.evse-card-suspended{border-color:#fde68a;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.evse-card-suspended .evse-card-status{color:#92400e}.evse-card-faulted{border-color:#fca5a5;background:linear-gradient(135deg,#fff5f5,#fee2e2)}.evse-card-faulted .evse-card-status{color:#b91c1c}.evse-card-faulted .evse-card-icon{animation:evse-shake .6s ease-in-out infinite}.evse-card-preparing{border-color:#c4b5fd;background:linear-gradient(135deg,#f5f3ff,#ede9fe)}.evse-card-preparing .evse-card-status{color:#6d28d9}.evse-card-preparing .evse-card-icon{animation:evse-blink 1s step-end infinite}.evse-card-available{border-color:#d1d5db;background:#f9fafb}.evse-card-available .evse-card-status{color:#374151}.evse-card-unavailable{border-color:#e5e7eb;background:#f3f4f6;opacity:.7}.evse-card-unavailable .evse-card-status{color:#6b7280}.evse-card-reserved{border-color:#d8b4fe;background:linear-gradient(135deg,#faf5ff,#f3e8ff)}.evse-card-reserved .evse-card-status{color:#7c3aed}@keyframes evse-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.82}}@keyframes evse-blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes evse-shake{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:49;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}@media (max-width:640px){.sidebar{transform:translateX(-100%);width:260px!important;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s;box-shadow:none}.sidebar.mobile-open{transform:translateX(0)!important;box-shadow:6px 0 32px rgba(0,0,0,.45)}.sidebar.collapsed{width:260px!important;transform:translateX(-100%)}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-section-label{display:flex!important}.sidebar.collapsed .sidebar-footer{display:flex!important;flex-direction:column}.sidebar.collapsed .nav-item{justify-content:flex-start!important;padding:.6rem 1.25rem!important}.sidebar.collapsed .sidebar-logo{padding:1rem 1.25rem!important}.sidebar.collapsed .sidebar-logo img{height:48px!important;max-width:170px!important}.sidebar-backdrop{display:block;opacity:0;pointer-events:none;transition:opacity .28s}body.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.main-wrapper,.main-wrapper.sidebar-collapsed{margin-left:0!important;width:100vw!important}.nav-item[data-page]:not([data-page=dashboard]):not([data-page=stations]){display:none}.topbar{padding:0 .5rem;gap:.25rem}.topbar-left{gap:.4rem}.topbar-right{gap:.3rem}.page-title,.topbar-title{font-size:.82rem;max-width:38vw}.health-badge,.user-info,.user-info-block{display:none}.user-chip{padding:.18rem .3rem;gap:.25rem}.user-avatar{width:24px;height:24px;font-size:.6rem}#lang-switcher,.lang-btn{padding:.2rem .45rem;font-size:.67rem}.dashboard-header{align-items:flex-start}.period-selector{width:100%;justify-content:stretch}.period-btn{flex:1 1;text-align:center}.dash-hide-mobile{display:none!important}.kpi-row{grid-template-columns:repeat(2,1fr);gap:.6rem}.kpi-card{padding:.75rem .85rem;gap:.6rem;align-items:flex-start}.kpi-body{min-width:0}.kpi-value{font-size:1.25rem}.kpi-icon{width:36px;height:36px;font-size:1rem;border-radius:9px;flex-shrink:0}.kpi-label{font-size:.6rem}.kpi-sub{white-space:normal;font-size:.67rem;overflow:visible}.kpi-arrow{display:none}.section-card{padding:1rem .85rem}.metrics-row{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.cp-row{flex-wrap:wrap;padding:.65rem .75rem 0;align-items:flex-start;overflow:hidden;max-width:100%;box-sizing:border-box}.cp-row-col-label{display:none}.cp-row .cp-row-col:first-child,.cp-row .cp-row-col:nth-child(2),.cp-row .cp-row-col:nth-child(3),.cp-row .cp-row-col:nth-child(4),.cp-row .cp-row-col:nth-child(5),.cp-row .cp-row-col:nth-child(6){flex:unset;padding:0;border-left:none}.cp-row .cp-row-col:first-child{flex:0 0 auto;padding-right:.55rem;justify-content:flex-start}.cp-row .cp-row-col:nth-child(2){flex:1 1;min-width:0}.cp-row .cp-row-col:nth-child(3){margin-top:.4rem}.cp-row .cp-row-col:nth-child(3),.cp-row .cp-row-col:nth-child(4){flex:0 0 100%;border-top:1px solid var(--border);padding:.4rem 0 .3rem}.cp-row .cp-row-col:nth-child(4){display:flex}.cp-row .cp-row-col:nth-child(5),.cp-row .cp-row-col:nth-child(6){display:none}.cp-row-actions{flex:0 0 100%;flex-direction:row!important;flex-wrap:wrap!important;width:100%!important;border-left:none!important;border-top:1px solid var(--border);padding:.5rem 0 .6rem!important;gap:.4rem!important;margin-top:.35rem}.cp-action-btn{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 0.4rem);min-width:calc(50% - .4rem);max-width:100%;height:40px;min-height:40px;font-size:.78rem;justify-content:center;text-align:center}.cp-action-btn-stop{flex:1 1 100%!important;min-width:100%!important}.cp-action-btn:empty{display:none}.cp-row-name{font-size:.92rem}.page-toolbar{gap:.5rem}.search-input{min-width:0;flex:1 1 100%;order:-1}.table-wrap{-webkit-overflow-scrolling:touch}.station-modal-box{max-width:100%!important;width:100%!important;height:82vh!important;max-height:82vh!important;border-radius:16px 16px 0 0!important;margin:0!important}#station-modal{align-items:flex-end!important;padding:0!important}.modal-box{max-width:calc(100vw - 1.5rem)!important}.panel-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.panel-tab{white-space:nowrap;padding:.55rem .7rem;font-size:.75rem;flex-shrink:0}.cmd-grid{grid-template-columns:1fr!important;gap:1rem}#btn-start{padding:.8rem 1.5rem!important;font-size:.95rem!important;min-height:50px;width:100%}#btn-reset{min-height:44px}#inp-evse,.cmd-input{font-size:.9rem;padding:.6rem .75rem}.cmd-row{flex-direction:column}.cmd-row .btn{width:100%;justify-content:center;min-height:48px;font-size:.9rem}.sidebar-backdrop~* .toast,body>div[style*="position: fixed"][style*=bottom]{bottom:1rem;right:1rem;left:1rem;text-align:center}}@media (min-width:641px) and (max-width:900px){.metrics-row{grid-template-columns:1fr}.kpi-row{grid-template-columns:repeat(2,1fr);gap:.75rem}.kpi-value{font-size:1.5rem}.cp-row{flex-wrap:wrap;padding:.7rem .9rem 0;align-items:flex-start;overflow:hidden}.cp-row-col-label{display:none}.cp-row .cp-row-col:first-child,.cp-row .cp-row-col:nth-child(2),.cp-row .cp-row-col:nth-child(3),.cp-row .cp-row-col:nth-child(4),.cp-row .cp-row-col:nth-child(5),.cp-row .cp-row-col:nth-child(6){flex:unset;padding:0;border-left:none}.cp-row .cp-row-col:first-child{flex:0 0 auto;padding-right:.65rem}.cp-row .cp-row-col:nth-child(2){flex:1 1;min-width:0}.cp-row .cp-row-col:nth-child(3){margin-top:.35rem}.cp-row .cp-row-col:nth-child(3),.cp-row .cp-row-col:nth-child(4){flex:0 0 100%;border-top:1px solid var(--border);padding:.4rem 0 .25rem}.cp-row .cp-row-col:nth-child(5),.cp-row .cp-row-col:nth-child(6){display:none}.cp-row-actions{flex:0 0 100%!important;flex-direction:row!important;flex-wrap:wrap!important;width:100%!important;min-width:0!important;max-width:100%!important;border-left:none!important;border-top:1px solid var(--border);padding:.5rem 0 .6rem!important;gap:.5rem!important;margin-top:.35rem;box-sizing:border-box}.cp-action-btn{flex-grow:1;flex-shrink:1;flex-basis:calc(33% - 0.5rem);min-width:110px!important;max-width:100%!important;height:38px!important;min-height:38px!important;font-size:.8rem!important;justify-content:center!important;display:inline-flex!important}.cp-action-btn-stop{flex:1 1 100%!important;min-width:100%!important}.cp-row-name{font-size:.95rem}.station-modal-box{max-width:680px!important;max-height:88vh!important}}.login-page{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden}.login-page:before{content:"";position:absolute;inset:0;background-image:url(/hero-bg.png);background-size:cover;background-position:50%;z-index:0}.login-page:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(15,23,42,.45),rgba(241,245,249,.6) 60%,rgba(8,145,178,.25));z-index:1}.login-page>*{position:relative;z-index:2}@keyframes loginLogoEntry{0%{opacity:0;transform:translateY(38vh) scale(1.15)}25%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}@keyframes loginPageExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}@keyframes pageEnter{0%{opacity:0}to{opacity:1}}.login-wrapper{width:100%;max-width:400px}.lang-row{display:flex;justify-content:flex-end;margin-bottom:.75rem}#lang-switcher{display:inline-flex;align-items:center;gap:.25rem;padding:.22rem .75rem;font-size:.72rem;font-weight:600;color:#e2e8f0;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.35);border-radius:9999px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s,color .15s,border-color .15s}#lang-switcher:hover{background:hsla(0,0%,100%,.28);color:#fff;border-color:#06b6d4}.brand{display:flex;align-items:center;justify-content:center;margin-bottom:-70px;position:relative;z-index:3;filter:drop-shadow(0 6px 18px rgba(0,0,0,.3));animation:loginLogoEntry .9s cubic-bezier(.22,1,.36,1) both}.login-card{background:hsla(0,0%,100%,.82);border:1px solid hsla(0,0%,100%,.6);border-radius:20px;padding:5rem 2rem 1.75rem;box-shadow:0 12px 40px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:loginFadeUp .7s cubic-bezier(.22,1,.36,1) .65s both}.login-card h2{font-size:1.1rem;font-weight:700;color:#0f172a;margin-bottom:.3rem;text-align:center}.login-card .subtitle{font-size:.78rem;color:#64748b;margin-bottom:1.5rem;text-align:center}.error-msg{display:none;background:#fee2e2;border:1px solid #fca5a5;color:#b91c1c;border-radius:8px;padding:.55rem .85rem;font-size:.78rem;margin-bottom:1rem}.error-msg.visible,.login-label{display:block}.login-label{font-size:.75rem;font-weight:600;color:#475569;margin-bottom:.3rem}.login-input-wrap{position:relative;margin-bottom:1.1rem}.login-input-wrap>svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.login-input{width:100%;background:rgba(248,250,252,.9);border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;padding:.6rem .85rem .6rem 2.4rem;font-size:.875rem;outline:none;transition:border-color .15s,box-shadow .15s}.login-input--password{padding-right:2.4rem}.login-pw-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;color:#94a3b8;display:flex;align-items:center;transition:color .15s}.login-pw-toggle:hover{color:#475569}.login-input:focus{border-color:#06b6d4;box-shadow:0 0 0 3px rgba(6,182,212,.18);background:#fff}.login-input::placeholder{color:#94a3b8}.btn-login{width:100%;background:linear-gradient(135deg,#0891b2,#06b6d4);color:#fff;border:none;border-radius:10px;padding:.7rem 1rem;font-size:.9rem;font-weight:700;cursor:pointer;letter-spacing:.02em;transition:transform .15s,box-shadow .15s;margin-top:.25rem;box-shadow:0 4px 14px rgba(6,182,212,.35)}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(6,182,212,.5)}.btn-login:active{transform:scale(.98);box-shadow:0 2px 8px rgba(6,182,212,.3)}.btn-login:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.login-footer{text-align:center;margin-top:1.5rem;font-size:.7rem;color:hsla(0,0%,100%,.75)}.login-page.exiting{animation:loginPageExit .6s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}.content{animation:pageEnter .5s cubic-bezier(.22,1,.36,1) both}.poll-warning-banner{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:.55rem .85rem;display:flex;flex-direction:column;gap:.3rem}.poll-warning-item{font-size:.78rem;font-weight:600;color:#92400e}.poll-metrics-section{background:var(--gray-light,#f3f4f6);border:1px solid var(--border,#e5e7eb);border-radius:10px;padding:.75rem .9rem}.poll-metrics-title{font-size:.78rem;font-weight:700;color:var(--text-1);margin-bottom:.55rem}.poll-metrics-ts{font-weight:400;color:var(--text-3);font-size:.72rem}.poll-metrics-grid{display:flex;flex-wrap:wrap;gap:.5rem}.poll-metric-card{background:#fff;border:1px solid var(--border,#e5e7eb);border-radius:8px;padding:.45rem .7rem;min-width:80px;flex:1 1}.poll-metric-card.poll-metric-power{border-color:var(--accent-mid,#a5f3fc);background:var(--accent-light,#e0f9fc)}.poll-metric-label{font-size:.66rem;color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem}.poll-metric-value{font-size:1.1rem;font-weight:700;color:var(--text-1);line-height:1.1}.poll-metric-unit{font-size:.7rem;font-weight:500;color:var(--text-2);margin-left:.15rem}.poll-metric-card.poll-metric-warn{border-color:#fcd34d;background:#fffbeb}.poll-warn-badge{display:inline-block;margin-left:.3rem;color:#d97706;font-size:.72rem;cursor:default}[data-theme=dark] .poll-warning-banner{background:var(--c-warn-bg);border-color:var(--c-warn-border)}[data-theme=dark] .poll-warning-item{color:var(--c-warn-text)}[data-theme=dark] .poll-metrics-section{background:var(--bg-2);border-color:var(--border)}[data-theme=dark] .poll-metric-card{background:var(--surface);border-color:var(--border)}[data-theme=dark] .poll-metric-card.poll-metric-power{background:rgba(6,182,212,.1);border-color:rgba(6,182,212,.25)}[data-theme=dark] .poll-metric-card.poll-metric-warn{background:var(--c-warn-bg);border-color:var(--c-warn-border)}[data-theme=dark] .poll-warn-badge{color:var(--c-warn-text)}.metrics-tab-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.metrics-tab-title{font-size:.85rem;font-weight:700;color:var(--text-1)}.metrics-chart-block{margin-bottom:1.25rem}.metrics-chart-label{font-size:.72rem;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.metrics-tx-legend{display:flex;gap:1rem;font-size:.72rem;font-weight:600;margin-bottom:.75rem;padding:.35rem .6rem;background:var(--gray-light,#f3f4f6);border-radius:6px}.settings-section{background:var(--surface,#fff);border:1px solid var(--border,#e5e7eb);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.5rem}.settings-section-header{margin-bottom:1rem}.settings-section-title{font-size:1rem;font-weight:700;color:var(--text-1);margin:0 0 .25rem}.settings-section-desc{font-size:.8rem;color:var(--text-3);margin:0}.verify-page{background:#f1f5f9;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem}.verify-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2.5rem;max-width:420px;width:100%;text-align:center;box-shadow:0 4px 24px rgba(0,0,0,.08)}.verify-icon{font-size:3rem;margin-bottom:1rem}.verify-box h1{font-size:1.15rem;font-weight:700;margin-bottom:.6rem}.verify-box p{color:#475569;font-size:.875rem;margin-bottom:1.5rem;line-height:1.6}.verify-box .btn{display:inline-block;background:#2563eb;color:#fff;padding:.6rem 1.4rem;border-radius:8px;text-decoration:none;font-size:.875rem;font-weight:600;transition:opacity .15s}.verify-box .btn:hover{opacity:.85}.verify-box .btn-gray{background:#64748b}.spinner{width:2rem;height:2rem;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(1turn)}}.stale-meter-banner{display:flex;align-items:center;gap:.4rem;margin-top:.4rem;padding:.3rem .55rem;border-radius:6px;background:#fffbeb;border:1px solid #fcd34d;font-size:.75rem;flex-wrap:wrap}.stale-meter-icon{color:#f59e0b;font-size:.85rem;flex-shrink:0}.stale-meter-text{color:#92400e;font-weight:600;flex:1 1;min-width:0}.stale-meter-btn{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border:none;border-radius:5px;padding:.2rem .55rem;font-size:.72rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s}.stale-meter-btn:hover{opacity:.85}.charge-notif-stack{position:fixed;top:1.25rem;right:1.25rem;z-index:9990;display:flex;flex-direction:column;gap:.6rem;pointer-events:none}.charge-notif{pointer-events:all;display:flex;align-items:flex-start;gap:.85rem;padding:.9rem 1rem .75rem;border-radius:14px;width:300px;background:linear-gradient(135deg,#052e16,#14532d);border:1px solid rgba(74,222,128,.25);box-shadow:0 8px 30px rgba(0,0,0,.35),0 0 0 1px rgba(74,222,128,.12),inset 0 1px 0 hsla(0,0%,100%,.06);position:relative;overflow:hidden;animation:charge-notif-in .42s cubic-bezier(.34,1.56,.64,1) both}@keyframes charge-notif-in{0%{opacity:0;transform:translateX(110%) scale(.92)}to{opacity:1;transform:translateX(0) scale(1)}}.charge-notif:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 10% 50%,rgba(74,222,128,.12) 0,transparent 70%);pointer-events:none}.charge-notif-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 0 0 3px rgba(34,197,94,.2),0 2px 8px rgba(22,163,74,.4);display:flex;align-items:center;justify-content:center;color:#fff;animation:charge-notif-icon-pop .5s cubic-bezier(.34,1.56,.64,1) .25s both}.charge-notif-icon svg{width:18px;height:18px;stroke:#fff}@keyframes charge-notif-icon-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.charge-notif-body{flex:1 1;min-width:0}.charge-notif-title{font-size:.72rem;font-weight:700;color:#4ade80;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.charge-notif-cp{font-size:.95rem;font-weight:700;color:#f0fdf4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.charge-notif-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.charge-notif-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:99px;font-size:.72rem;font-weight:600;white-space:nowrap}.charge-notif-chip--energy{background:rgba(74,222,128,.15);border:1px solid rgba(74,222,128,.3);color:#86efac}.charge-notif-chip--time{background:rgba(96,165,250,.12);border:1px solid rgba(96,165,250,.25);color:#93c5fd}.charge-notif-progress{height:3px;border-radius:99px;background:rgba(74,222,128,.35);animation:charge-notif-progress 7s linear forwards;transform-origin:left}@keyframes charge-notif-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.charge-notif-close{flex-shrink:0;width:20px;height:20px;border-radius:50%;border:none;background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s,color .15s;margin-top:1px}.charge-notif-close:hover{background:hsla(0,0%,100%,.18);color:#fff}[data-theme=dark] .charge-notif{box-shadow:0 8px 32px rgba(0,0,0,.5),0 0 0 1px rgba(74,222,128,.15),inset 0 1px 0 hsla(0,0%,100%,.05)}