@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Work+Sans:wght@400;500;600&display=swap";:root{--ink: #0f1a1c;--ink-weak: #2a3a3d;--accent: #2fbf71;--accent-2: #f3a712;--panel: #f7f4ef;--panel-strong: #f0ebe2;--border: #d7d0c6;--bg: #f6f0e6;--shadow: 0 20px 50px rgba(17, 28, 30, .08)}*{box-sizing:border-box}body{margin:0;font-family:Work Sans,Space Grotesk,sans-serif;color:var(--ink);background:var(--bg);min-height:100vh}body.dark{--ink: #eaf1f7;--ink-weak: #a6b4c2;--accent: #3fd388;--accent-2: #f5b95a;--panel: #111a23;--panel-strong: #16212c;--border: #263545;--bg: #0e151d;--shadow: 0 18px 40px rgba(7, 12, 18, .55)}.auth-banner{position:sticky;top:0;z-index:50;padding:10px 18px;background:var(--accent-2);color:#0f1a1c;font-weight:600;text-align:center;border-bottom:1px solid var(--border)}body.dark .auth-banner{background:#f5b95a;color:#0f1a1c}body.login-only .nav,body.login-only .actions{display:none}body.login-only .site-header{grid-template-columns:1fr;justify-items:center}body.login-only .brand>div{display:none}body.login-only .brand-mark{width:auto;height:88px;max-width:260px}body.login-only .site-footer{display:grid}body.login-only .site-footer .footer-logo{display:block}h1,h2,.brand-title{font-family:Space Grotesk,sans-serif}.bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(47,191,113,.18),transparent 50%),radial-gradient(circle at 80% 10%,rgba(243,167,18,.2),transparent 45%),linear-gradient(135deg,#f9f3ea 0%,#f6f0e6 40%,#ece3d3 100%);z-index:-2}.bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(15,26,28,.05) 1px,transparent 1px);background-size:28px 28px;opacity:.6;z-index:-1}body.dark .bg{background:radial-gradient(circle at 18% 18%,rgba(240,246,252,.12),transparent 54%),radial-gradient(circle at 82% 12%,rgba(225,233,240,.1),transparent 50%),linear-gradient(135deg,#0b1218 0%,#0e151d 52%,#131f2a 100%)}body.dark .bg:after{background-image:radial-gradient(rgba(234,241,247,.07) 1px,transparent 1px);opacity:.4}.site-header{display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center;padding:24px 40px;position:relative}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit}.brand-mark{width:auto;height:40px;max-width:160px;border-radius:0;object-fit:contain;background:transparent}.brand-mark-dark,body.dark .brand-mark-light{display:none}body.dark .brand-mark-dark{display:block}.logo{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:18px;padding:10px 12px;border-radius:12px;background:var(--ink);color:#fff;letter-spacing:1px}body.dark .logo{background:#e6edf4;color:#0e151d}body.dark .primary{color:#0e151d}.brand-title{font-size:18px;font-weight:600}.brand-sub{font-size:12px;color:var(--ink-weak)}.nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.nav-toggle,body.nav-collapsed .nav{display:none}body.nav-collapsed .nav-toggle{display:inline-flex}body.nav-collapsed.nav-open .nav{display:grid;justify-content:stretch;gap:8px}body.nav-collapsed .actions>.icon-toggle{display:none}.nav-link{border:1px solid transparent;background:transparent;padding:8px 14px;border-radius:999px;font-size:13px;cursor:pointer;color:var(--ink-weak);transition:all .2s ease}.nav-link:hover,.nav-link.is-active{border-color:var(--ink);color:var(--ink);background:rgba(15,26,28,.05)}body.dark .nav-link:hover,body.dark .nav-link.is-active{background:rgba(230,237,244,.12)}.actions{display:flex;gap:10px;align-items:center}.nav-extras{display:none;justify-content:flex-end}button{font-family:inherit}.primary,.ghost{border-radius:12px;padding:10px 16px;border:1px solid var(--ink);cursor:pointer;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.primary{background:var(--ink);color:#fff}.ghost{background:transparent;color:var(--ink)}.primary:hover,.ghost:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.container{padding:0 40px 60px}.view,.nav-link[hidden],.view[hidden]{display:none}.view.is-active{display:block}.hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:center;margin:10px 0 30px}.hero h1{font-size:42px;margin-bottom:12px}.hero p{color:var(--ink-weak);max-width:520px;line-height:1.6}.hero-actions{display:flex;gap:14px;margin-top:18px;flex-wrap:wrap}.hero-actions .ghost.is-disabled{opacity:.6;cursor:not-allowed}.hero-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:22px;display:grid;gap:12px;box-shadow:var(--shadow)}.hero-stat{display:flex;justify-content:space-between;align-items:baseline}.hero-stat .label{font-size:12px;color:var(--ink-weak);letter-spacing:.8px;text-transform:uppercase}.hero-stat .value{font-size:26px;font-weight:700}.hero-note{font-size:12px;color:var(--ink-weak);border-top:1px solid var(--border);padding-top:10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:26px}.panel{background:var(--panel);border-radius:20px;border:1px solid var(--border);padding:22px;box-shadow:var(--shadow);min-height:0px}.panel.wide{grid-column:1 / -1}.panel.admin-tabs-shell{min-height:auto;min-height:0;padding:12px 18px}.panel.admin-tabs-shell .admin-tabs{margin:0;justify-content:center}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head h2{margin:0;font-size:20px}.panel-actions{display:flex;gap:8px;align-items:center}.stats-row{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0 18px}#consumption-totals .stats-row{margin:6px 0 10px}#consumption-totals{display:flex;flex-direction:column;gap:8px}.stat-pill{padding:10px 14px;border-radius:14px;background:var(--panel-strong);border:1px solid var(--border);font-weight:600}.consumption-filters{display:flex;gap:10px;justify-content:flex-end;margin:4px 0 8px}.consumption-filters select{min-width:120px}.consumption-charts{margin-top:18px}.chart-card{min-height:220px}.chart-card.wide{grid-column:1 / -1;min-height:320px}.chart{display:grid;gap:12px}.chart-months{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px 12px;font-size:12px;color:var(--ink-weak)}.chart-month{display:flex;flex-direction:column;gap:4px;text-align:center}.chart-month-cost{color:var(--ink);font-weight:600;font-size:12px}.chart-bar-row{display:grid;grid-template-columns:120px 1fr 70px;align-items:center;gap:12px;font-size:13px}.chart-bar-track{height:24px;border-radius:999px;background:rgba(15,26,28,.08);overflow:hidden}.chart-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#101a1f,#2b3c45)}body.dark .chart-bar-track{background:rgba(255,255,255,.08)}body.dark .chart-bar{background:linear-gradient(90deg,#f0e8dd,#cdbfa9)}.chart-legend{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--ink-weak)}.chart-year-bars{display:grid;gap:14px;margin-top:6px}.chart-year-row .muted{font-weight:600}.chart-year-costs{margin-top:16px}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.legend-dot.kwh{background:#2b3c45}.legend-dot.cost{background:#a76f2d}body.dark .legend-dot.kwh{background:#d9cdb8}body.dark .legend-dot.cost{background:#d0a46b}.chart-empty{color:var(--ink-weak);font-size:13px}.list{display:grid;gap:14px}.card{padding:14px 16px;border-radius:16px;background:var(--panel-strong);display:grid;gap:8px;border:1px solid transparent}.card-row{display:flex;justify-content:space-between;align-items:center}.card-title{font-weight:600}.session-list{display:grid;gap:12px}.chargers-grid{display:grid;gap:16px}.charger-card{padding:16px;border-radius:18px;background:var(--panel-strong);border:1px solid var(--border);display:grid;gap:12px}.charger-meta{display:flex;justify-content:space-between;align-items:center;font-size:13px}.charger-actions{display:flex;gap:8px;flex-wrap:wrap}.login-panel{max-width:520px;margin:0 auto}.login-form{display:grid;gap:14px}.login-form input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);margin-top:6px;font-size:14px;background:#fff}.login-actions{display:flex;align-items:center;gap:16px}.remember-toggle{margin-top:4px}.admin-form{display:grid;gap:18px}.panel-spacer{margin-top:18px}.field{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start;padding:18px;border-radius:18px;background:var(--panel-strong);border:1px solid var(--border)}.field-icon{width:44px;height:44px;border-radius:12px;background:#efe7db;display:grid;place-items:center;color:var(--ink);font-size:16px;align-self:center}body.dark .field-icon{background:#efe7db;color:#0f1a1c}.field-body{display:grid;gap:6px}.field-body label{color:var(--ink);font-weight:600;font-size:13px}.field-body .help{color:var(--ink-weak);font-size:12px}.admin-form input{padding:10px 14px;min-height:40px;background:#fff;color:var(--ink);border:1px solid var(--border);font-size:15px}.admin-form select{padding:10px 14px;min-height:40px;border-radius:12px;border:1px solid var(--border);background:#fff;font-size:15px;color:var(--ink)}.admin-form .muted{color:var(--ink-weak)}.form-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.form-grid{display:grid;gap:16px;grid-template-columns:1fr}.form-actions{display:flex;align-items:center;gap:16px}.admin-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0;justify-content:center}.admin-tabs .ghost{border-color:var(--border);text-align:center}.admin-tabs .ghost.is-active{border-color:var(--ink);background:var(--panel-strong)}.view[data-view=admin] .admin-panel{display:none}.view[data-view=admin] .admin-panel.is-active{display:block}.toggle{display:inline-flex;align-items:center;gap:10px;font-weight:600}.toggle input{width:16px;height:16px}.btn-small{padding:6px 12px;border-radius:10px;font-size:12px}.badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:rgba(47,191,113,.2);color:#14643b}.badge.warn{background:rgba(243,167,18,.2);color:#8a5b00}.badge.down{background:rgba(15,26,28,.15);color:var(--ink)}body.dark .badge,body.dark .badge.warn{color:#f6f2e7}body.dark .badge.down{color:#d5d1c8}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border)}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-weak)}.table th[data-sort]{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.is-sorted{color:var(--ink)}.table th.is-sorted:after{content:"▲";margin-left:6px;font-size:10px}.table th.is-sorted.is-desc:after{content:"▼"}.muted{color:var(--ink-weak)}.reservation{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:16px;background:var(--panel-strong);margin-bottom:12px}.reservation-title{font-weight:600}.reservation-meta{font-size:12px;color:var(--ink-weak)}.reservation-actions{display:flex;gap:8px}.reservation-picker{display:grid;gap:12px;margin-bottom:16px}.reservation-picker input[type=date],.reservation-picker select{margin-top:6px;padding:10px 14px;min-height:38px;border-radius:12px;border:1px solid var(--border);background:#fff;font-size:15px}.slot-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.slot{padding:10px 14px;min-height:38px}.reservation-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.reservation-controls select,.reservation-controls input{margin-top:6px;padding:10px 14px;min-height:38px;border-radius:12px;border:1px solid var(--border);background:#fff;font-size:15px}body.dark .reservation-controls select,body.dark .admin-form input,body.dark .admin-form select,body.dark .reservation-picker input[type=date],body.dark .reservation-picker select{background:#fff;color:#0f1a1c}.admin-only{display:none}body.is-admin .admin-only{display:table-cell}body.is-admin .reservation-controls .admin-only{display:block}.reservation-pager{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:12px}.slot.is-selected{border-color:var(--ink);background:rgba(15,26,28,.08)}body.dark .slot.is-selected{border-color:#f0f6fc;background:rgba(240,246,252,.18);color:#0f1a1c}.slot.is-disabled{opacity:.5;pointer-events:none}.site-footer{display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;gap:8px;padding:20px 40px 30px;color:var(--ink-weak);font-size:12px;text-align:center}.footer-logo{width:96px;height:auto;object-fit:contain}.pill{padding:6px 12px;border-radius:999px;border:1px solid var(--border);font-size:12px;letter-spacing:.4px;text-transform:uppercase;background:var(--panel-strong)}.icon-toggle{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px}.user-pill{width:40px;height:40px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:600;letter-spacing:.5px;position:relative;overflow:hidden}.user-avatar{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;display:block}.user-initials{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}body.dark .user-initials,body.dark .user-pill{color:#fff}.user-pill.has-photo .user-initials{opacity:0}.pill.live{border-color:#2fbf7199;color:#14643b}.pill.demo{border-color:#f3a71299;color:#8a5b00}.user-menu{position:relative}.user-menu[hidden]{display:none}.user-pill{background:var(--panel-strong);cursor:pointer}.menu{position:absolute;right:0;top:44px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px;min-width:140px;box-shadow:var(--shadow);display:grid;gap:6px;justify-items:center;text-align:center;z-index:10}.menu-item{display:grid;gap:6px;padding:6px;justify-items:center;text-align:center}.menu-photo{display:flex;align-items:center;gap:8px;justify-content:center}.menu-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}.menu .small{padding:6px 10px;font-size:11px}.menu input[type=file]{display:none}.menu-label{font-size:12px;color:var(--ink-weak)}.menu-hint{font-size:11px;color:var(--ink-weak)}.menu select{padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:#fff;font-size:12px}.menu[hidden]{display:none}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:30}.modal.is-open{display:flex}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(9,13,18,.45)}.modal-card{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:18px;width:min(720px,92vw);box-shadow:var(--shadow);z-index:1}.toast{position:fixed;bottom:24px;right:24px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:12px;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease}body.dark .toast{color:#0f1a1c}.toast.show{opacity:1;transform:translateY(0)}.reveal{opacity:0;transform:translateY(10px);animation:reveal .6s ease forwards}#panel-chargers{animation-delay:.1s}#panel-transactions{animation-delay:.25s}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@media (max-width: 980px){.site-header{grid-template-columns:1fr auto;align-items:start;gap:16px}.actions{justify-content:flex-end;align-self:start}.hero{grid-template-columns:1fr}.nav{display:none;position:absolute;top:100%;left:auto;right:20px;width:min(320px,90vw);background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:12px;box-shadow:var(--shadow);z-index:20}body.nav-open .nav{display:grid;justify-content:stretch;gap:8px}.nav-link{text-align:left;width:100%}.nav-toggle{display:inline-flex}.nav-extras{display:flex;padding-top:8px;border-top:1px solid var(--border);margin-top:8px}}@media (max-width: 640px){#consumption-export-months,#consumption-export-users,#consumption-refresh{display:none}.site-header,.container,.site-footer{padding:20px}.hero h1{font-size:32px}.panel{padding:16px}.table th,.table td{font-size:12px}.table{border:0}.table thead{display:none}.table tbody,.table tr,.table td{display:block;width:100%}.table tr{background:var(--panel-strong);border:1px solid var(--border);border-radius:14px;padding:10px 12px;margin-bottom:12px}.table td{border:none;padding:6px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.table td:before{content:attr(data-label);color:var(--ink-weak);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.table td[colspan]{justify-content:center}.table td[colspan]:before{content:""}body.is-admin .admin-only{display:block}body.is-admin .table td.admin-only{display:flex}}#user-edit-modal .modal-card{width:min(1180px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto}#user-edit-form .user-edit-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:20px}#user-edit-form .user-edit-details{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}#user-edit-form .field,#user-edit-form .field-body{min-width:0}#user-edit-form .field-icon{align-self:start}#user-edit-form input,#user-edit-form select{width:100%;min-width:0}#user-edit-form .form-actions{flex-wrap:wrap}@media (max-width: 1000px){#user-edit-form .user-edit-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width: 600px){#user-edit-form .user-edit-details{grid-template-columns:minmax(0,1fr)}}:root{--ink: #142039;--ink-weak: #65799d;--accent: #1769ff;--accent-2: #f6ad23;--panel: #ffffff;--panel-strong: #f4f8ff;--border: #e2ebf9;--bg: #f6f9ff;--shadow: 0 5px 24px #3a6db006;--sidebar-width: 234px;--topbar-height: 78px;--blue-soft: #eaf2ff;--green: #079961;--green-soft: #ddfbed;--purple-soft: #f2e8ff;--amber-soft: #fff3d9;--row: #fbfdff}body.dark,html[data-theme=dark] body{--ink: #eef4fd;--ink-weak: #9cafc5;--accent: #438dff;--accent-2: #ffc145;--panel: #101e2a;--panel-strong: #172735;--border: #223544;--bg: #0a1621;--shadow: 0 5px 24px #00000012;--blue-soft: #142f52;--green: #5be2a0;--green-soft: #133d31;--purple-soft: #2c2147;--amber-soft: #3c321a;--row: #142430;color-scheme:dark}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);font-size:14px;line-height:1.5}h1,h2,h3,.brand-title{font-family:inherit}body .bg,body.dark .bg{background:radial-gradient(ellipse at 85% 0,#448aff07,transparent 60%),var(--bg)}body .bg:after{display:none}[hidden]{display:none!important}a{color:var(--accent)}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #4c96ff;outline-offset:3px}.view[tabindex="-1"]:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[data-icon],.panel-icon,.stat-icon,.row-chevron{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;line-height:1}.ui-icon{display:block;flex-shrink:0;width:21px;height:21px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.site-header .actions{justify-content:flex-end}.auth-avatar-space{display:block;flex:0 0 38px;width:38px;height:38px}body[data-auth-ready=true] .auth-avatar-space{display:none}body:not([data-auth-ready=true]) #sign-in{display:none!important}.workspace-user-copy{min-width:120px}html[data-theme=dark] .brand-mark-light{display:none}html[data-theme=dark] .brand-mark-dark{display:block}.notification-menu{position:relative;flex-shrink:0}#workspace-notifications{position:relative}.notification-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#f04458;top:3px;right:3px;box-shadow:0 0 0 2px var(--panel)}.notification-dropdown{position:absolute;right:0;top:calc(100% + 16px);width:min(380px,calc(100vw - 24px));border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:0 15px 45px #0004;overflow:hidden;z-index:70}.notification-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:16px;border-bottom:1px solid var(--border);font-size:14px}.notification-heading .ghost{font-size:11px;padding:5px 7px}#notification-list{max-height:min(420px,60dvh);overflow-y:auto}body .notification-item{display:flex;flex-direction:column;gap:6px;width:100%;padding:15px 18px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;text-align:left;color:var(--ink);white-space:normal}body .notification-item.unread{background:var(--blue-soft);box-shadow:inset 3px 0 var(--accent)}.notification-item span,.notification-item time{font-size:12px;color:var(--ink-weak);overflow-wrap:anywhere}#notification-error{font-size:12px;color:#df6070;margin:0;padding:0 16px}#notification-error:not(:empty){padding-block:12px}@media (max-width: 980px){.notification-dropdown{position:fixed;top:calc(var(--topbar-height) + 2px);right:12px}}body .site-header{position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;align-items:stretch;gap:22px;width:var(--sidebar-width);padding:28px 16px 24px;background:var(--panel);border-right:1px solid var(--border);z-index:40}.site-header .brand{flex-direction:column;align-items:center;gap:5px;padding:0 8px 12px;min-height:74px}.site-header .brand-mark{width:150px;max-width:100%;height:auto;object-position:center}.site-header .nav{display:flex;flex-direction:column;justify-content:flex-start;gap:7px;width:100%}.site-header .nav{min-height:0;overflow-y:auto}.nav-footer{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:10px;margin-top:auto;padding-top:18px;text-align:center}.nav-footer:before{content:"";width:96px;height:1px;background:var(--border);margin-bottom:4px}.nav-footer img{display:block;width:140px;height:99px;object-fit:contain;filter:brightness(0);opacity:.7}.nav-footer span{font-size:10px;letter-spacing:.4px;color:var(--ink-weak)}body.dark .nav-footer img,html[data-theme=dark] .nav-footer img{filter:brightness(0) invert(1);opacity:.75}body.login-only .nav-footer{display:none}.site-header .nav-link{display:flex;align-items:center;gap:15px;border:0;border-radius:10px;min-height:47px;padding:11px 14px;color:var(--ink-weak);font-weight:500;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}.site-header .nav-link:hover{background:var(--panel-strong);color:var(--ink)}.site-header .nav-link.is-active{background:var(--blue-soft);color:var(--accent)}.site-header .nav-extras{display:none}.site-header .actions{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--topbar-height);padding:15px 26px;gap:16px;display:flex;align-items:center;background:var(--panel);border-bottom:1px solid var(--border)}.workspace-search{position:relative;display:flex;align-items:center;gap:10px;color:var(--ink-weak);max-width:540px;flex:1;margin-right:auto;background:var(--panel-strong);border:1px solid var(--border);padding:8px 13px;border-radius:9px}.workspace-search input{background:transparent;border:0;width:100%;min-width:0;color:var(--ink);padding:0;box-shadow:none;font-size:13px}.workspace-search input::placeholder{color:var(--ink-weak)}.workspace-search kbd{font-family:inherit;font-size:11px;white-space:nowrap;opacity:.6}.search-results{position:absolute;left:0;right:0;top:calc(100% + 10px);background:var(--panel);padding:8px;border:1px solid var(--border);border-radius:12px;box-shadow:0 15px 45px #0002;max-height:360px;overflow-y:auto}.search-results a{display:flex;justify-content:space-between;gap:10px;text-decoration:none;padding:11px;color:var(--ink);border-radius:7px}.search-results a:hover{background:var(--blue-soft)}.search-results small{color:var(--ink-weak)}.workspace-user-copy{display:flex;flex-direction:column;font-size:13px;white-space:nowrap}.workspace-user-copy span{font-size:12px;color:var(--ink-weak)}.actions #data-status{border:0;background:transparent;padding:0;color:var(--ink-weak);font-size:12px;white-space:nowrap;display:inline-flex;align-items:center;gap:9px}.actions #data-status:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 5px var(--amber-soft)}.actions #data-status.live:before{background:#18c881;box-shadow:0 0 0 5px var(--green-soft)}body .icon-toggle{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;min-width:32px;padding:5px;font-size:18px;color:var(--ink-weak)}body .user-pill{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;padding:0;color:var(--accent);background:var(--blue-soft);border:1px solid var(--border)}.user-pill .user-avatar{width:100%;height:100%;border-radius:inherit;object-fit:cover}.user-menu .menu{top:calc(100% + 15px);width:290px;background:var(--panel);color:var(--ink);border:1px solid var(--border);box-shadow:0 12px 40px #0002;z-index:70}body .container{max-width:none;width:auto;margin:var(--topbar-height) 0 0 var(--sidebar-width);padding:26px}body .hero{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(560px,1.35fr);gap:25px;align-items:center;margin-bottom:24px}body .hero h1{font-size:clamp(26px,2.3vw,36px);line-height:1.18;letter-spacing:-1.1px;margin:0 0 8px;font-weight:700}body .hero p{color:var(--ink-weak);font-size:14px;max-width:600px;line-height:1.5;margin:0}.hero-actions{margin-top:17px;display:flex;gap:10px;flex-wrap:wrap}body .primary,body.dark .primary{color:#fff;background:linear-gradient(115deg,#3e95ff,#1464ff);border:1px solid #2777ff;border-radius:9px;box-shadow:0 4px 10px #1769ff16;padding:10px 15px;font-weight:500;text-decoration:none;display:inline-flex;gap:9px;align-items:center;justify-content:center}body .primary:hover{filter:brightness(1.06)}body .ghost{color:var(--ink);background:transparent;border:1px solid var(--border);border-radius:8px;padding:8px 13px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}body .ghost:hover{background:var(--blue-soft);border-color:var(--accent)}.hero-actions .ghost{border-color:#5d87c34a;padding:10px 15px}body .hero-card{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:0;background:transparent;padding:0;box-shadow:none}body .hero-stat{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:3px 12px;align-content:center;background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:18px 13px;min-height:116px}.hero-stat .stat-icon{width:38px;height:44px;border-radius:10px;grid-row:1 / 4;align-self:start}.stat-icon.green{background:var(--green-soft);color:var(--green)}.stat-icon.blue{background:var(--blue-soft);color:var(--accent)}.stat-icon.purple{background:var(--purple-soft);color:#a35af5}body .hero-stat .label{font-size:12px;font-weight:400;color:var(--ink-weak);text-transform:none;letter-spacing:0}body .hero-stat .value{font-size:clamp(19px,1.6vw,27px);line-height:1.25;font-weight:650;color:var(--ink);white-space:nowrap}.hero-stat small{font-size:11px;color:var(--ink-weak);min-height:17px}body .grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:18px;margin-bottom:18px}body .panel{padding:18px;border-radius:14px;border:1px solid var(--border);box-shadow:var(--shadow);background:var(--panel);min-width:0}body .panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px;flex-wrap:wrap}.panel-heading{display:flex;align-items:center;gap:12px}.panel-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(140deg,#3794ff,#1260fa);color:#fff}body .panel-head h2{font-size:18px;line-height:1.3;margin:0;font-weight:650;letter-spacing:-.4px}.panel-heading p{font-size:12px;color:var(--ink-weak);margin:3px 0 0}.panel-head .ghost{color:var(--accent);font-size:12px;padding:7px 11px}body .list{display:flex;flex-direction:column;gap:8px}body .card,body .charger-card{background:var(--row);border:1px solid var(--border);border-radius:11px;box-shadow:none}body .charger-row{display:grid;grid-template-columns:42px minmax(100px,1.2fr) auto minmax(100px,1fr) minmax(90px,.9fr) minmax(100px,1fr) 20px;gap:12px;align-items:center;padding:12px;color:var(--ink);text-decoration:none}.charger-row:hover{border-color:var(--accent)}.charger-avatar{width:42px;height:49px;display:flex;align-items:center;justify-content:center;color:var(--green);background:var(--panel-strong);border:1px solid var(--border);border-radius:9px}.charger-avatar .ui-icon{width:25px;height:31px}.charger-row strong,.slot-row strong{display:block;font-size:13px;font-weight:600}.charger-row small,.slot-row small{display:block;color:var(--ink-weak);font-size:12px;margin-top:3px}.charger-row .reading{white-space:nowrap;font-size:12px}.charger-row .row-chevron{color:var(--ink-weak)}body .badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;padding:3px 9px;border-radius:7px;color:var(--green);background:var(--green-soft);font-size:12px;line-height:1.45;white-space:nowrap}body .badge.warn,body .badge.charging,body .badge.finishing,body .badge.suspended{background:var(--amber-soft);color:#ad7100}body.dark .badge.warn,body.dark .badge.charging,body.dark .badge.finishing{color:#ffcb68}body .badge.available,body .badge.upcoming{background:var(--blue-soft);color:var(--accent)}body .badge.down,body .badge.offline,body .badge.cancelled{background:#eb607018;color:#da5b69}.badge.connection{border-radius:20px}.badge.connection:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.slot-row{display:grid;grid-template-columns:10px minmax(80px,1fr) minmax(130px,1fr) 17px;gap:12px;align-items:center;padding:15px 13px;color:var(--ink);text-decoration:none;min-height:74px}.slot-row:hover{border-color:var(--accent)}.slot-dot{width:9px;height:9px;border-radius:50%;background:#20c883;box-shadow:0 0 0 5px var(--green-soft)}.slot-dot.charging{background:var(--accent-2);box-shadow:0 0 0 5px var(--amber-soft)}.slot-dot.offline{background:#e07886;box-shadow:none}.table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:10px}body .table{border-collapse:collapse;width:100%;color:var(--ink);font-size:13px}body .table th{background:var(--panel-strong);color:var(--ink-weak);font-weight:500;text-transform:none;font-size:12px}body .table th,body .table td{border-bottom:1px solid var(--border);padding:11px 13px;text-align:left}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--row)}.table .ghost{padding:3px 9px;font-size:12px}.activity-panel select{max-width:150px;font-size:12px}.activity-chart{position:relative;height:158px;display:flex;flex-direction:column;padding:10px 4px 0 25px}.activity-bars{flex:1;display:grid;grid-template-columns:repeat(24,minmax(0,1fr));align-items:end;gap:4px;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),var(--border) calc(25% - 1px),var(--border) 25%)}.activity-bar{min-height:0;border-radius:2px 2px 0 0;background:linear-gradient(#489bff,#1464ff)}.activity-axis{display:flex;justify-content:space-between;margin-top:8px;color:var(--ink-weak);font-size:10px}.activity-max{position:absolute;top:5px;left:0;font-size:10px;color:var(--ink-weak)}.activity-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.activity-totals>div{display:grid;grid-template-columns:23px minmax(0,1fr);gap:0 7px;padding-right:6px;border-right:1px solid var(--border)}.activity-totals>div:last-child{border-right:0}.activity-totals [data-icon]{grid-row:1 / 3;align-self:start;color:var(--accent)}.activity-totals>div:nth-child(2) [data-icon]{color:var(--green)}.activity-totals strong{font-size:17px;white-space:nowrap}.activity-totals small{color:var(--ink-weak);font-size:11px}body input:not([type=checkbox]):not([type=radio]):not([type=file]),body select,body textarea,body.dark .admin-form input,body.dark .admin-form select{border-color:var(--border);border-radius:8px;background-color:var(--panel-strong);color:var(--ink)}body .workspace-search input{background:transparent}body .admin-tabs{gap:7px;flex-wrap:wrap}.admin-tabs .ghost.is-active{background:var(--blue-soft);color:var(--accent);border-color:var(--accent)}body .field,body .stat,body .stat-card{background:var(--panel-strong);border-color:var(--border);border-radius:10px}body .modal-card{background:var(--panel);color:var(--ink);border:1px solid var(--border);border-radius:16px;max-height:90dvh;overflow-y:auto}body .reveal{opacity:1;transform:none;animation:none}.empty-state{padding:26px 18px;color:var(--ink-weak);text-align:center;font-size:14px}.page-heading{display:flex;align-items:center;gap:18px;margin:4px 0 28px}.page-heading-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;color:var(--accent);background:var(--blue-soft);border:1px solid var(--border);flex-shrink:0}.page-heading-icon .ui-icon{width:28px;height:28px}.page-eyebrow{font-size:11px;font-weight:600;letter-spacing:1px;color:var(--ink-weak);text-transform:uppercase;margin-bottom:5px}.page-heading h1{font-size:clamp(25px,3vw,34px);line-height:1.2;letter-spacing:-.8px;margin:0}.page-heading p{font-size:14px;color:var(--ink-weak);margin:8px 0 0}body .reservation-picker{grid-template-columns:minmax(150px,1fr) minmax(180px,2fr);padding:20px;background:var(--panel-strong);border:1px solid var(--border);border-radius:12px;gap:18px}body .reservation-picker label,body .reservation-controls label{display:grid;gap:6px;min-width:0}body .reservation-picker .slot-grid{grid-column:1 / -1;gap:10px}body .slot{padding:16px 12px;border-radius:10px;background:var(--panel);border-color:var(--border);font-weight:600}body .slot.is-selected{background:var(--blue-soft);color:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}body .slot.is-disabled{opacity:.45;background:var(--panel-strong);cursor:not-allowed}.section-divider{display:flex;align-items:center;gap:10px;padding:12px 0 16px;color:var(--accent)}.section-divider h3{margin:0;font-size:16px;color:var(--ink)}body .reservation-controls,body .consumption-filters{display:flex;flex-wrap:wrap;gap:14px;align-items:end;padding:14px;background:var(--row);border:1px solid var(--border);border-radius:10px;margin-bottom:18px}body .reservation-controls label{flex:1;min-width:135px;max-width:270px}body.dark .reservation-controls select,body.dark .reservation-picker input[type=date],body.dark .reservation-picker select{background:var(--panel-strong);color:var(--ink)}body .reservation{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:10px;padding:18px;background:var(--row);border:1px solid var(--border);margin-bottom:8px}body .reservation-title{display:flex;align-items:center;gap:8px;font-size:14px}body .reservation-title .ui-icon{color:var(--accent);flex-shrink:0}body .reservation-meta{margin-top:6px}body .reservation-pager{padding-top:16px;margin-top:16px;border-top:1px solid var(--border);align-items:center}body .chargers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:18px}body .charger-card{padding:20px}body .charger-card .card-row{padding-bottom:16px;margin-bottom:8px;border-bottom:1px solid var(--border)}body .charger-card .card-title{display:flex;align-items:center;gap:10px;font-size:17px}body .charger-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0;font-size:13px}body .charger-actions{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--border);padding-top:16px;margin-top:12px}body .charger-actions [data-action=start]{background:var(--blue-soft);color:var(--accent);border-color:var(--accent)}body .charger-actions [data-action=delete],body #admin-res-purge,body #pending-purge{color:#cf5460}body .admin-tabs{padding:2px;gap:6px}body .admin-tabs .ghost{padding:10px 15px;border:1px solid transparent;border-radius:8px;color:var(--ink-weak);background:transparent}body .admin-tabs .ghost.is-active{background:var(--blue-soft);border-color:var(--border);color:var(--accent)}body .admin-panel{margin-top:18px}body .admin-form .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}body .field{padding:16px;grid-template-columns:34px minmax(0,1fr);gap:12px;background:var(--row)}body .field-icon,body.dark .field-icon{width:34px;height:34px;border-radius:9px;background:var(--blue-soft);color:var(--accent)}body .field-body input,body .field-body select{width:100%;min-width:0}body .stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:18px 0}body .stats-row>div{padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--row)}body .consumption-charts{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}body .chart-bar-track{background:var(--blue-soft);border-radius:5px}body .chart-bar,body.dark .chart-bar{background:linear-gradient(180deg,#4099ff,#1769ff);border-radius:3px}body .chart-bar-track,body.dark .chart-bar-track{height:12px;background:var(--blue-soft);border-radius:3px}body .legend-dot.kwh,body.dark .legend-dot.kwh,body .legend-dot.cost,body.dark .legend-dot.cost{background:var(--accent)}body #consumption-totals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:1fr;gap:14px;align-items:stretch}body #consumption-totals>.stats-row{display:contents}body #consumption-totals .stat-pill{min-width:0;min-height:124px;height:auto;padding:16px;font-size:13px;line-height:1.6;display:flex;flex-direction:column}body #consumption-totals .stat-pill>div{margin-top:auto}@media (max-width: 1200px){body #consumption-totals{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 700px){body #consumption-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 400px){body #consumption-totals{grid-template-columns:minmax(0,1fr)}}body .chart{min-height:0}.consumption-columns{position:relative;padding:25px 0 0;width:100%}.column-scale{position:absolute;top:0;right:0;bottom:22px;left:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;font-size:10px;color:var(--ink-weak)}.column-plot{height:150px;display:grid;grid-template-columns:repeat(var(--column-count),minmax(0,1fr));gap:8px;padding:0 14px;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),var(--border) calc(25% - 1px),var(--border) 25%)}.column-cell{position:relative;display:flex;justify-content:center;align-items:end;min-width:0;outline-offset:3px}.column-fill{width:65%;max-width:28px;background:linear-gradient(180deg,#4099ff,#1769ff);border-radius:2px 2px 0 0}.column-cell:hover .column-fill,.column-cell:focus .column-fill{filter:brightness(1.2)}.column-tooltip{display:none;position:absolute;bottom:50%;left:50%;transform:translate(-50%);z-index:2;padding:5px 8px;background:var(--panel);color:var(--ink);border:1px solid var(--border);border-radius:6px;font-size:11px;white-space:nowrap;pointer-events:none}.column-cell:hover .column-tooltip,.column-cell:focus .column-tooltip{display:block}.column-labels{display:grid;grid-template-columns:repeat(var(--column-count),minmax(0,1fr));gap:8px;padding:7px 14px 0;text-align:center;font-size:10px;color:var(--ink-weak)}.column-labels span{overflow:hidden;text-overflow:ellipsis}.consumption-columns.compact{padding-top:10px}.compact .column-plot{height:54px;gap:4px;padding:0}.compact .column-labels,.compact .column-scale{display:none}.year-chart-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:26px}.year-chart-pair h4{margin:0 0 10px;font-size:13px;color:var(--ink-weak)}.month-energy{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--row);font-size:13px}.month-cost-total{font-size:12px;color:var(--ink-weak);padding-top:12px}@media (max-width: 700px){.page-heading{gap:12px;margin-bottom:20px}.page-heading-icon{width:44px;height:44px;border-radius:12px}.page-heading p{font-size:12px}body .reservation-picker{grid-template-columns:1fr;padding:14px}body .reservation-picker .slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body .reservation-controls label{max-width:none}body .admin-tabs .ghost{padding:9px 11px}}.workspace-error{border:1px solid #de6f6f55;border-radius:9px;padding:13px;color:#d35965;background:#dd505009}.operations-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px}.operations-stats>div{display:flex;flex-direction:column;padding:18px;border:1px solid var(--border);border-radius:10px;background:var(--row)}.operations-stats span{color:var(--ink-weak);font-size:12px}.operations-stats strong{font-size:18px;margin-top:6px}.success-text{color:var(--green)}.warning-text{color:var(--accent-2)}.delivery-error{display:block;max-width:250px;color:var(--ink-weak)}.workspace-dialog{color:var(--ink);background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:26px;width:min(500px,calc(100vw - 30px));max-height:90dvh;overflow-y:auto}.workspace-dialog::backdrop{background:#07142199;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.workspace-dialog label{display:flex;flex-direction:column;gap:6px;margin:15px 0}.workspace-dialog input,.workspace-dialog textarea{width:100%;padding:10px;border:1px solid var(--border)}.workspace-dialog h2{margin-top:0;font-size:21px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}#operations-form-error{color:#df6070}body.login-only .site-header{position:relative;width:100%;height:auto;border:0;align-items:center;background:transparent;padding:34px 20px 10px}body.login-only .site-header .brand{align-items:center}body.login-only .site-header .actions,body.login-only .site-header .nav{display:none}body.login-only .container{margin:0}body.login-only{min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) 0 max(24px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 0,var(--blue-soft),transparent 65%),var(--bg)}body.login-only .site-header{padding-top:clamp(20px,7vh,72px)}body.login-only .site-header .brand{padding:0}body.login-only .brand>div{display:block}body.login-only .site-header .brand-mark{width:240px;max-width:75vw;height:70px;object-position:center}body.login-only .container{width:min(100%,480px);padding:24px 18px;margin-inline:auto}body.login-only .login-panel{width:100%;max-width:none;margin:0;padding:32px;border-radius:20px;box-shadow:0 18px 60px #00000012}body.login-only .panel-head{margin-bottom:26px}body.login-only .panel-head h2{font-size:28px;margin-top:8px}.login-eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--accent)}.login-intro{margin:10px 0 0;color:var(--ink-weak);font-size:14px;line-height:1.5}body.login-only .login-form{gap:20px}body.login-only .login-form>label:not(.toggle){display:grid;gap:8px}body.login-only .login-form input:not([type=checkbox]){width:100%;min-height:48px;font-size:16px;padding:12px 14px}body.login-only .login-actions .primary{width:100%;min-height:48px;justify-content:center}@media (min-width: 981px){body .nav-toggle{display:none}}@media (max-width: 1450px){body .hero{grid-template-columns:1fr;gap:20px}body .hero-stat{min-height:96px}body .charger-row{grid-template-columns:38px minmax(95px,1fr) auto minmax(110px,1fr);gap:10px}.charger-row .last-seen,.charger-row .row-chevron{display:none}.charger-row .reading{grid-column:2 / 4}.charger-row .charger-status{grid-column:4;grid-row:1 / 3}}@media (max-width: 1150px){:root{--sidebar-width: 205px}body .container{padding:20px}.site-header .actions{padding:15px 20px;gap:10px}.workspace-user-copy,.workspace-search kbd{display:none}body .grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.slot-row{grid-template-columns:8px 1fr 16px}.slot-row .slot-detail{grid-column:2}.slot-row>.ui-icon{grid-row:1 / 3;grid-column:3}}@media (max-width: 980px){:root{--sidebar-width: 0px;--topbar-height:calc(70px + env(safe-area-inset-top));--mobile-nav-bottom: max(24px, calc(env(safe-area-inset-bottom) + 12px))}body .site-header,body.nav-open .site-header{display:contents;transform:none;box-shadow:none}body:not(.login-only) .site-header .brand,body .site-header .nav-footer,body .site-header .nav-toggle{display:none}.site-header .actions,body.nav-open .site-header .actions{left:0;width:100%;transform:none;padding:calc(14px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 14px max(18px,env(safe-area-inset-left));z-index:20}body .site-header .nav,body.nav-collapsed .site-header .nav{display:flex;position:fixed;inset:auto auto var(--mobile-nav-bottom) 50%;transform:translate(-50%);width:min(440px,calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)));flex-direction:row;align-items:center;justify-content:space-evenly;gap:2px;border:1px solid var(--border);border-radius:999px;padding:7px 6px;background:var(--panel);box-shadow:0 8px 28px #00000030;flex-wrap:nowrap;min-height:64px;overflow:visible;z-index:20}body .site-header .nav,body.nav-collapsed .site-header .nav{box-shadow:0 4px 10px #0000001a,0 14px 32px #00000030}body.dark .site-header .nav,html[data-theme=dark] body .site-header .nav{box-shadow:0 4px 12px #00000040,0 16px 36px #00000070}body .site-header .nav-link{position:relative;flex:1 1 0;min-width:44px;height:48px;min-height:48px;max-width:64px;justify-content:center;gap:0;padding:10px;border-radius:999px;touch-action:manipulation}.site-header .nav-link>[data-i18n]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.site-header .nav-link .ui-icon{width:24px;height:24px}.site-header .nav-link.is-active{font-weight:700}.site-header .nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}body:not(.login-only) .container{padding-bottom:calc(88px + var(--mobile-nav-bottom))}body:not(.login-only) .toast{bottom:calc(80px + var(--mobile-nav-bottom));z-index:40}body.nav-collapsed .site-header .actions>.icon-toggle{display:inline-flex}body .grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}body .hero-card{gap:9px}.hero-stat .stat-icon{display:none}body .hero-stat{grid-template-columns:1fr;padding:13px}.activity-totals{gap:7px}.activity-totals>div{grid-template-columns:1fr}.activity-totals [data-icon]{display:none}body.login-only .site-header{display:flex;transform:none}body.login-only .site-header .nav{display:none}}@media (max-width: 700px){body .charger-row{grid-template-columns:38px minmax(0,1fr) auto;gap:12px 10px;padding:14px}.charger-row .charger-avatar{grid-column:1;grid-row:1;width:38px;height:44px}.charger-row .charger-identity{grid-column:2;grid-row:1;min-width:0}.charger-row .charger-identity strong,.charger-row .charger-identity small{display:block;overflow-wrap:anywhere}.charger-row .charger-identity small{font-size:10px}.charger-row .connection{grid-column:3;grid-row:1;font-size:10px;padding:3px 6px}.charger-row>.reading{grid-column:1 / 3;grid-row:2;min-width:0;font-size:12px}.charger-row .charger-status{grid-column:3;grid-row:2;min-width:0;max-width:115px}.charger-row .charger-status small{overflow-wrap:anywhere;white-space:normal}body .workspace-search{min-width:0}body .workspace-search input{min-width:0;width:100%}body .site-header .actions>button,body .site-header .actions>.user-menu{flex-shrink:0}body .container{padding:18px 12px}body .grid{grid-template-columns:1fr}body .hero h1{font-size:28px}body .hero-card{grid-template-columns:repeat(2,minmax(0,1fr))}body .hero-stat{grid-template-columns:35px 1fr;min-height:96px;gap:2px 10px}.hero-stat .stat-icon{display:flex;width:35px;height:40px}.site-header .actions{gap:7px;padding:calc(12px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left))}.actions #data-status,.workspace-search kbd{display:none}.workspace-search input{font-size:12px}body .panel{padding:14px}.hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:stretch}body .hero-actions a,body .hero-actions button{width:100%;min-width:0;min-height:48px;padding:10px 8px;gap:6px;font-size:12px;line-height:1.3;white-space:normal}.hero-actions [data-icon]{display:flex;flex-shrink:0}.hero-actions [data-i18n]{min-width:0;overflow-wrap:anywhere}.slot-row{grid-template-columns:8px 1fr 1fr 16px}.slot-row .slot-detail{grid-column:3;grid-row:1}.slot-row>.ui-icon{grid-column:4;grid-row:1}.table-scroll .table{display:table;min-width:600px}.table-scroll .table thead{display:table-header-group}.table-scroll .table tbody{display:table-row-group}.table-scroll .table tr{display:table-row;padding:0;border:0;background:transparent}.table-scroll .table th,.table-scroll .table td{display:table-cell}.table-scroll .table td:before{display:none}.activity-totals>div{grid-template-columns:23px 1fr}.activity-totals [data-icon]{display:flex}}body #chargers-list{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:8px}.charger-row>div{min-width:0}.charger-row .charger-user{height:2.8em;line-height:1.4;display:block;overflow:hidden}.charger-user>span{display:block;white-space:nowrap}.charger-user-name{overflow:hidden;text-overflow:ellipsis}body .charger-meta.charger-user-meta{flex-direction:column;align-items:flex-start;gap:4px}@media (max-width: 700px){body .charger-row{grid-template-columns:38px minmax(0,1fr) 100px;grid-template-rows:48px 92px;align-items:start}.charger-row .charger-identity strong,.charger-row .charger-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.charger-row .connection{justify-self:start;align-self:center}.charger-row>.reading{white-space:normal;overflow-wrap:anywhere}.charger-row .charger-status{width:100px;max-width:none}.charger-row .charger-status .badge{max-width:100%;font-size:11px}}.admin-mobile-navigation{display:none}@media (max-width: 700px){body[data-page=admin] .admin-tabs{display:none}.admin-mobile-navigation{display:grid;gap:8px;color:var(--ink-weak);font-size:13px}body[data-page=admin] .admin-mobile-navigation select{width:100%;min-height:48px;font-size:16px;padding:10px 12px}body[data-page=admin] .admin-form .form-grid{grid-template-columns:minmax(0,1fr)}body[data-page=admin] .field{grid-template-columns:minmax(0,1fr);padding:14px}body[data-page=admin] .field-icon{display:none}body[data-page=admin] .field-body,body[data-page=admin] .panel-heading{min-width:0;overflow-wrap:anywhere}body[data-page=admin] .form-row,body[data-page=admin] .form-actions,body[data-page=admin] .panel-actions{display:flex;flex-wrap:wrap;gap:10px;width:100%}body[data-page=admin] .form-actions>button,body[data-page=admin] .panel-actions>button{flex:1 1 130px}body[data-page=admin] .container button,body[data-page=admin] .modal-card button{min-height:44px;white-space:normal}body[data-page=admin] .container input:not([type=checkbox]):not([type=radio]),body[data-page=admin] .container select,body[data-page=admin] .container textarea,body[data-page=admin] .modal-card input:not([type=checkbox]):not([type=radio]),body[data-page=admin] .modal-card select{min-height:44px;max-width:100%;min-width:0;font-size:16px}body[data-page=admin] input[type=checkbox]{width:22px;height:22px;flex-shrink:0}body[data-page=admin] .reservation-controls{padding:12px}body[data-page=admin] .reservation-controls label{flex:1 1 100%;max-width:none}body .mobile-table-scroll{border:0;overflow:visible}body .table.mobile-table{display:block;min-width:0;width:100%}body .table.mobile-table thead{display:none}body .table.mobile-table thead.has-selection{display:block;margin-bottom:12px}body .table.mobile-table thead tr{display:block}body .table.mobile-table thead th{display:none}body .table.mobile-table thead th.mobile-selection-heading{display:flex;align-items:center;gap:12px;padding:10px}.mobile-selection-heading:after{content:attr(data-label)}body .table.mobile-table tbody{display:grid;gap:14px}body .table.mobile-table tbody tr{display:block;width:100%;margin:0;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--row)}body .table.mobile-table td{display:grid;grid-template-columns:minmax(85px,.8fr) minmax(0,1.2fr);width:100%;gap:12px;padding:10px 0;border:0;border-bottom:1px solid var(--border);white-space:normal;overflow-wrap:anywhere;align-items:center}body .table.mobile-table td:before{display:block;content:attr(data-label);color:var(--ink-weak);font-size:11px;text-transform:none}body .table.mobile-table td:last-child{border-bottom:0}body .table.mobile-table td.mobile-cell-actions{display:flex;flex-wrap:wrap;gap:8px}body .table.mobile-table td.mobile-cell-actions:before{flex-basis:100%}body .table.mobile-table td.mobile-cell-actions button{flex:1 1 100px}body .table.mobile-table td[colspan]{display:block}body .table.mobile-table td[colspan]:before{display:none}body[data-page=admin] .reservation-pager{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}body[data-page=admin] .modal-card,body[data-page=admin] .workspace-dialog{width:calc(100vw - 24px);max-width:100%;padding:18px;max-height:calc(100dvh - 24px)}}@media (max-width: 700px){body .container,.view,.panel,.panel-heading,.panel-actions,.page-heading>div,.field-body{min-width:0}body .panel-head{flex-wrap:wrap;gap:12px;align-items:flex-start}body .panel-heading{flex:1 1 180px}.panel-heading h2,.panel-heading h3,.page-heading h1{overflow-wrap:anywhere}body .panel-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}body .panel-actions>button,body .panel-actions>select,body .panel-actions>a{flex:1 1 120px}body .container button,body .container a.ghost,body .modal-card button,body .workspace-dialog button{min-height:44px;max-width:100%;white-space:normal}body .container input:not([type=checkbox]):not([type=radio]),body .container select,body .container textarea,body .modal-card input:not([type=checkbox]):not([type=radio]),body .modal-card select,body .modal-card textarea{min-width:0;max-width:100%;min-height:44px;font-size:16px}body .reservation-controls label{flex:1 1 140px;min-width:0}body .consumption-filters>select{flex:1 1 120px}body .reservation{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.reservation-title,.reservation-meta,.charger-meta,.card-title{min-width:0;overflow-wrap:anywhere}body .reservation-actions,body .form-row,body .form-actions{display:flex;flex-wrap:wrap;gap:8px}.reservation-actions>button,.charger-actions>button,.form-actions>button{flex:1 1 120px}body .reservation-pager{flex-wrap:wrap;gap:8px}body .activity-totals{gap:8px}body .activity-totals>div{min-width:0;grid-template-columns:minmax(0,1fr);grid-template-rows:24px auto 1fr;gap:6px;padding-right:8px;align-content:start}body .activity-totals [data-icon]{grid-row:auto;justify-self:start}body .activity-totals strong{min-width:0;font-size:16px;white-space:normal;overflow-wrap:anywhere;line-height:1.35}body .activity-totals small{min-width:0;overflow-wrap:anywhere}body .table.mobile-table thead tr{display:flex;flex-wrap:wrap;gap:8px}body .table.mobile-table thead th[data-sort]{display:flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;white-space:normal;cursor:pointer}body .table.mobile-table td>*{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}body .table.mobile-table td .badge{justify-self:start}body:not(.is-admin) .admin-only{display:none!important}body .modal-card,body .workspace-dialog{width:calc(100vw - 24px);max-width:100%;padding:18px;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}}.user-menu .menu{width:340px;max-width:calc(100vw - 24px);padding:12px;gap:8px;justify-items:stretch;text-align:left}.user-menu .menu-item{grid-template-columns:82px minmax(0,1fr);align-items:center;justify-items:stretch;text-align:left;padding:8px 0;gap:6px 10px;border-bottom:1px solid var(--border)}.user-menu .menu-label{color:var(--ink);font-size:12px;line-height:1.4}.user-menu .menu-photo{min-width:0;flex-wrap:wrap;justify-content:flex-start;gap:6px}.user-menu .menu .small{font-size:12px;padding:8px}.user-menu .menu select{width:100%;min-width:0;min-height:44px;font-size:16px;background:var(--panel-strong);color:var(--ink);border-color:var(--border);color-scheme:inherit}.user-menu .menu-hint{grid-column:2;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.profile-menu-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.user-menu .menu button,.user-menu .menu a,.user-menu .menu-photo label{min-height:44px;white-space:normal}.user-menu .menu #logout{width:100%}@media (max-width: 980px){.user-menu .menu{position:fixed;top:calc(var(--topbar-height) + 8px);right:max(12px,env(safe-area-inset-right));max-height:calc(100dvh - var(--topbar-height) - var(--mobile-nav-bottom) - 88px);overflow-y:auto;overscroll-behavior:contain}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.user-card-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--border, #dce2e8)}.user-card-row strong{flex-basis:100%;overflow-wrap:anywhere}.user-card-row input{flex:1 1 150px;min-width:0}#user-cards-status{display:block;margin-top:8px}