@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)}body.login-only .nav,body.login-only .actions,.login-logo,body.login-only .brand{display:none}body.login-only .login-logo{display:block;width:160px;height:auto;justify-self:center}body.login-only .site-header{grid-template-columns:1fr;justify-items:center}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:44px;height:44px;border-radius:12px;object-fit:cover;background:transparent}.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-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}.stat-pill{padding:10px 14px;border-radius:14px;background:var(--panel-strong);border:1px solid var(--border);font-weight:600}.consumption-charts{margin-top:18px}.chart-card{min-height:220px}.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}.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:12px;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)}.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}.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:40px;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))}.reservation-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.reservation-controls select{margin-top:6px;padding:10px 14px;min-height:40px;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}body.login-only .site-footer .footer-logo{display:none}.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;border-radius:50%}.user-initials{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.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;z-index:10}.menu-item{display:grid;gap:6px;padding:6px}.menu-photo{display:flex;align-items:center;gap:8px}.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 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}.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){.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:""}}