.pwa-panel:empty{display:none}.pwa-panel{font-size:15px;line-height:1.45}.pwa-install{padding:8px 0 0}.pwa-notice{margin:12px 0;padding:14px 16px;border-radius:var(--radius-group);color:var(--color-text);background:var(--color-warning-soft)}.pwa-notice p{margin:6px 0}.pwa-notice button+button{margin-top:8px}.billing-card{display:grid;gap:12px;margin:16px 0;padding:20px;border-radius:var(--radius-card);background:var(--color-card)}.billing-card p,.billing-card h2,.billing-card h3{margin:0}.billing-card .note{background:var(--color-warning-soft);color:var(--color-warning)}.billing-order{display:grid;gap:10px;padding:14px 0 0;border-top:.5px solid var(--color-separator)}.billing-order dl{margin:0}.billing-link{display:flex;text-align:center;text-decoration:none}.billing-pages{display:flex;justify-content:space-between}.notifications>.note{margin:6px 0 16px;padding:0 4px;background:transparent}.notification-toolbar,.notification-heading,.notification-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px}.notification-toolbar{margin:0 4px}.notification-toolbar p{margin:0;font-size:15px;font-weight:500;color:var(--color-text-secondary)}.notification-list{margin:10px 0 16px;padding:0;display:grid;gap:10px;list-style:none}.notification-list li{position:relative;padding:16px 16px 12px 30px;border-radius:var(--radius-group);background:var(--color-card)}.notification-list .notification-unread:before{content:"";position:absolute;top:22px;left:12px;width:9px;height:9px;border-radius:50%;background:var(--color-primary)}.notification-list li[data-attention].notification-unread:before{background:var(--color-warning-strong)}.notification-heading h2{margin:0;font-size:17px;font-weight:600}.notification-read .notification-heading h2{font-weight:500}.notification-list li[data-attention] .notification-heading h2{color:var(--color-warning)}.notification-badge{padding:3px 8px;border-radius:999px;font-size:12px;font-weight:600;color:var(--color-primary);background:var(--color-primary-soft)}.notification-list li>p{margin:4px 0;font-size:15px}.notification-description{color:var(--color-text-secondary);line-height:1.4}.notification-list li>.notification-time{font-size:13px;color:var(--color-text-secondary)}.notification-actions{justify-content:flex-start;margin-top:8px}.notification-actions .primary,.notification-actions .secondary{width:auto;flex:1 1 auto;min-height:40px;margin:0;padding:8px 16px;font-size:15px;border-radius:999px}.notification-actions .text-button{font-size:15px}.notification-operation{margin-top:20px;padding-top:8px;border-top:.5px solid var(--color-separator)}.notification-operation>section h2{margin-top:8px}.notification-reservation{padding:16px;border-radius:var(--radius-group);background:var(--color-card)}.account-email h2{margin-top:0}.account-email-address{margin:0 0 8px;font-size:17px;font-weight:500;overflow-wrap:anywhere}.account-email .note .account-email-address{font-size:15px}.account-email .footnote{text-align:left;margin-left:0}.account-password h2{margin-top:0}.account-password .footnote{text-align:left;margin-left:4px}.account-sessions{margin:0}.account-sessions-heading,.account-session-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.account-sessions-heading h2{margin:0}.account-sessions .footnote{text-align:left;margin-left:0}.account-session-list{margin:12px 0;padding:0;display:grid;gap:8px;list-style:none}.account-session{padding:14px;border-radius:14px;background:var(--color-surface)}.account-session-title strong{font-size:16px;font-weight:600}.account-session-current{padding:3px 8px;border-radius:999px;font-size:12px;font-weight:600;color:var(--color-success);background:var(--color-success-soft)}.account-session dl{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,1.3fr);gap:6px 10px;margin:10px 0 4px;font-size:13px;color:var(--color-text-secondary)}.account-session dd{margin:0;overflow-wrap:anywhere;color:var(--color-text)}.account-session .text-button{color:var(--color-danger)}.account-session-confirm{margin-top:12px;padding:16px;border-radius:14px;background:var(--color-danger-soft)}.account-session-confirm .footnote{text-align:left;margin:8px 0}.account-session-pagination{display:flex;gap:8px;margin-bottom:12px}.account-session-pagination .secondary{margin:0;min-height:40px;font-size:15px}:root{color-scheme:light;--color-qr-background: #ffffff;--color-qr-foreground: #000000;--color-text: #1c1c1e;--color-text-secondary: #6c6c70;--color-text-tertiary: #aeaeb2;--color-backdrop: #e5e5ea;--color-surface: #f2f2f7;--color-card: #ffffff;--color-elevated: #ffffff;--color-border: #e5e5ea;--color-separator: #d8d8dc;--color-fill: #7676801f;--color-fill-strong: #76768033;--color-primary: #375fc2;--color-primary-hover: #294ca5;--color-primary-soft: #e9effc;--color-on-primary: #ffffff;--color-focus: #375fc2;--color-success: #1f7a3a;--color-success-strong: #34c759;--color-success-soft: #e4f6e9;--color-warning: #a14a00;--color-warning-strong: #ff9500;--color-warning-soft: #fff2e0;--color-danger: #c4141f;--color-danger-strong: #ff3b30;--color-danger-soft: #ffe8e7;--color-indigo: #5856d6;--color-gray: #8e8e93;--color-muted-surface: #f2f2f7;--color-accent: #dce7ff;--color-on-primary-muted: #dce7ff;--color-primary-border: #6483d4;--color-hero-start: #4d74d8;--color-hero-end: #2c51b0;--color-glass-on-primary: #ffffff26;--color-glass-on-primary-soft: #ffffff1f;--color-line-on-primary: #ffffff59;--color-scanner-backdrop: #000000;--color-scanner-text: #ffffff;--color-scanner-dim: #00000080;--color-scanner-glass: #ffffff2e;--color-illustration-cable: #c7d3ee;--color-illustration-face: #edf2ff;--color-shadow: #0000001a;--color-shadow-soft: #0000000d;--color-header-glass: #f9f9fbd9;--color-bar-glass: #ffffffbf;--color-sheet-glass: #f2f2f7b8;--map-land: #f5f4f0;--map-park: #d3eacb;--map-water: #9ecdf4;--map-water-label: #2f6fa8;--map-road: #ffffff;--map-road-edge: #d8d5ce;--map-road-primary: #fff3c9;--map-road-primary-edge: #e6d39b;--map-road-major: #fdd36a;--map-road-major-edge: #e2aa3a;--map-rail: #c9c5bd;--map-building: #e0ddd6;--map-building-edge: #c6c1b8;--map-label: #4d4d52;--map-label-minor: #8a8a8f;--map-label-halo: #ffffff}:root[data-theme=dark]{color-scheme:dark;--color-text: #f5f5f7;--color-text-secondary: #9a9aa1;--color-text-tertiary: #636366;--color-backdrop: #000000;--color-surface: #000000;--color-card: #1c1c1e;--color-elevated: #2c2c2e;--color-border: #2c2c2e;--color-separator: #38383a;--color-fill: #7676803d;--color-fill-strong: #7676805c;--color-primary: #5b83e8;--color-primary-hover: #7598ee;--color-primary-soft: #1d2843;--color-on-primary: #ffffff;--color-focus: #7598ee;--color-success: #4cd964;--color-success-strong: #30d158;--color-success-soft: #13301c;--color-warning: #ffb340;--color-warning-strong: #ff9f0a;--color-warning-soft: #3a2a12;--color-danger: #ff6961;--color-danger-strong: #ff453a;--color-danger-soft: #3d1618;--color-indigo: #7d7aff;--color-gray: #8e8e93;--color-muted-surface: #2c2c2e;--color-accent: #c9d7ff;--color-on-primary-muted: #dce6ff;--color-primary-border: #3f5fae;--color-hero-start: #3d63c6;--color-hero-end: #22408c;--color-illustration-cable: #3a3f4c;--color-illustration-face: #26324f;--color-shadow: #00000080;--color-shadow-soft: #00000040;--color-header-glass: #161618d9;--color-bar-glass: #232325bf;--color-sheet-glass: #1c1c1eb8;--map-land: #1d1f22;--map-park: #1c2b20;--map-water: #16324f;--map-water-label: #7fb0de;--map-road: #3a3d43;--map-road-edge: #26282c;--map-road-primary: #4b4d53;--map-road-primary-edge: #2e3034;--map-road-major: #a57a35;--map-road-major-edge: #6b5023;--map-rail: #44474d;--map-building: #2c2e33;--map-building-edge: #3c3f46;--map-label: #b4b8bf;--map-label-minor: #7d8189;--map-label-halo: #141517}:root{--radius-card: 22px;--radius-group: 18px;--radius-control: 14px;--radius-field: 12px;--page-gutter: 20px;--tab-bar-height: 64px;--nav-bar-height: 44px;--ease-out: cubic-bezier(.22, 1, .36, 1);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI Variable Text,Segoe UI,system-ui,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;color:var(--color-text);background:var(--color-backdrop);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;background:var(--color-backdrop)}button,select,input,textarea{font:inherit;color:inherit}button,a,summary,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}:is(button,a,select,summary,input,textarea):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}a{color:var(--color-primary)}p{line-height:1.45}h1{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0 0 8px;overflow-wrap:anywhere}h2{font-size:19px;font-weight:650;letter-spacing:-.01em;line-height:1.3;margin:0 0 6px}h3{font-size:17px;font-weight:600;margin:0 0 4px}.large-title{font-size:34px;font-weight:750;letter-spacing:-.025em;line-height:1.1;margin:4px 0 6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.eyebrow{margin:0 0 6px;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--color-text-secondary)}.address{margin:0 0 20px;font-size:16px;color:var(--color-text-secondary)}.freshness,.footnote,.point-code{font-size:13px;color:var(--color-text-secondary)}.footnote{margin:10px 4px;text-align:center}.member-note{text-align:center;font-size:13px;color:var(--color-text-secondary)}.point-code{overflow-wrap:anywhere;text-align:center;font-variant-numeric:tabular-nums}.section-caption{margin:26px 16px 8px;font-size:13px;font-weight:500;letter-spacing:.01em;text-transform:uppercase;color:var(--color-text-secondary)}h2.section-caption{line-height:1.3}.shell{position:relative;max-width:520px;min-height:100dvh;margin:auto;padding:0 var(--page-gutter) calc(var(--tab-bar-height) + 40px + env(safe-area-inset-bottom));background:var(--color-surface)}@media(min-width:560px){.shell{box-shadow:0 0 0 1px var(--color-border),0 30px 80px var(--color-shadow-soft)}}.top-bar{position:sticky;top:0;z-index:15;height:calc(var(--nav-bar-height) + env(safe-area-inset-top));margin:0 calc(-1 * var(--page-gutter)) calc(-1 * var(--nav-bar-height) - env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--page-gutter) 0;display:grid;place-items:center;background:linear-gradient(var(--color-surface) env(safe-area-inset-top),transparent 0);border-bottom:.5px solid transparent;pointer-events:none;transition:background-color .2s var(--ease-out),border-color .2s var(--ease-out)}.top-bar span{max-width:100%;overflow:hidden;color:var(--color-text);font-size:17px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;opacity:0;transform:translateY(4px);transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}.top-bar[data-visible=true]{background:var(--color-header-glass);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom-color:var(--color-separator);pointer-events:auto}.top-bar[data-visible=true] span{opacity:1;transform:none}main{padding:calc(24px + env(safe-area-inset-top)) 0 20px;min-height:calc(100dvh - 180px)}.bottom-nav{position:fixed;z-index:20;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translate(-50%);width:calc(100% - 24px);max-width:496px;height:var(--tab-bar-height);padding:6px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;border-radius:32px;background:var(--color-bar-glass);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);box-shadow:0 0 0 .5px var(--color-separator),0 10px 30px var(--color-shadow)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;border:0;border-radius:26px;color:var(--color-text-secondary);background:transparent;font-size:10px;font-weight:600;letter-spacing:.01em;transition:background-color .2s var(--ease-out),color .2s var(--ease-out)}.bottom-nav button svg{width:24px;height:24px}.bottom-nav button[aria-current]{color:var(--color-primary);background:var(--color-fill)}.bottom-nav button[aria-current] svg{stroke-width:2.1}.bottom-nav button{position:relative}.bottom-nav-dot{position:absolute;top:8px;left:calc(50% + 9px);width:9px;height:9px;border:2px solid var(--color-card);border-radius:50%;background:var(--color-success-strong);animation:live-blink 1.6s ease-in-out infinite}.theme-settings{padding:12px 16px 14px}.theme-settings p{margin:10px 2px 0;font-size:13px;color:var(--color-text-secondary)}.sign-in-card{margin-top:16px;padding:18px;border-radius:var(--radius-card);background:var(--color-card)}.sign-in-card p{margin:0;font-size:15px;color:var(--color-text-secondary)}.screen[hidden]{display:none}.primary,.secondary{width:100%;min-height:50px;margin-top:12px;padding:13px 20px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius-control);font-size:17px;font-weight:600;letter-spacing:-.01em;text-decoration:none;transition:transform .16s var(--ease-out),background-color .16s var(--ease-out),opacity .16s}.primary{color:var(--color-on-primary);background:var(--color-primary)}.primary svg,.secondary svg{width:18px;height:18px;flex-shrink:0}.secondary{color:var(--color-primary);background:var(--color-primary-soft)}@media(hover:hover){.primary:hover:not(:disabled){background:var(--color-primary-hover)}}.primary:active:not(:disabled),.secondary:active:not(:disabled){transform:scale(.98);opacity:.85}.text-button{min-height:44px;padding:8px 0;border:0;background:none;color:var(--color-primary);font-size:16px;font-weight:500;text-decoration:none}.text-button:active:not(:disabled){opacity:.55}a.text-button{display:inline-flex;align-items:center}.note{margin:16px 0;padding:14px 16px;border-radius:var(--radius-group);font-size:15px;line-height:1.45;color:var(--color-text-secondary);background:var(--color-card)}.note>:first-child{margin-top:0}.note>:last-child{margin-bottom:0}.note p{margin:6px 0}.note h2,.note h3{color:var(--color-text)}.note[role=alert]{color:var(--color-text);background:var(--color-warning-soft)}.note .primary{margin-top:14px}.note .text-button{display:block;margin:4px auto 0}.login-form{display:flex;flex-direction:column;gap:8px;margin-top:20px}.login-form label{margin:10px 4px 0;font-size:13px;font-weight:500;color:var(--color-text-secondary)}.login-form>label:first-child{margin-top:0}.login-form input,.login-form select,.login-form textarea,.station-qr input,.charging-history select{width:100%;min-height:50px;margin:0;padding:12px 16px;border:0;border-radius:var(--radius-field);background:var(--color-card);color:var(--color-text);font-size:17px;-moz-appearance:none;appearance:none;-webkit-appearance:none}.login-form select,.charging-history select{padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,var(--color-text-secondary) 50%),linear-gradient(135deg,var(--color-text-secondary) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}.login-form input::placeholder{color:var(--color-text-tertiary)}.login-form input:focus-visible,.login-form select:focus-visible,.station-qr input:focus-visible{outline:0;box-shadow:0 0 0 3px var(--color-primary-soft),0 0 0 1.5px var(--color-primary)}.login-form .primary{margin-top:16px}.prepare-check{display:flex;align-items:flex-start;gap:12px;margin:20px 0 6px;padding:14px 16px;border-radius:var(--radius-group);background:var(--color-card);font-size:15px;line-height:1.4}.prepare-check input{width:22px;height:22px;margin:0;flex-shrink:0;accent-color:var(--color-primary)}.segmented{position:relative;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;padding:2px;border-radius:10px;background:var(--color-fill)}.segmented-option{position:relative;display:block;margin:0;min-width:0}.segmented-option input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.segmented-option>span{display:block;padding:7px 8px;border-radius:8px;text-align:center;font-size:14px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.segmented-option input:checked+span{font-weight:600;background:var(--color-elevated);box-shadow:0 3px 8px var(--color-shadow-soft),0 0 0 .5px var(--color-shadow-soft)}.segmented-icon{display:grid;place-items:center}.segmented-icon svg{width:20px;height:20px}.segmented-option input:focus-visible+span{outline:3px solid var(--color-focus);outline-offset:1px}.login-form .segmented-option{margin:0}.charging-history .segmented{margin:6px 0 12px}.charging-history .segmented-option>span{padding-left:4px;padding-right:4px;font-size:13px}.loading{padding:48px 0;text-align:center;color:var(--color-text-secondary)}.error{padding:24px 0}.error h1{font-size:24px}footer{padding:22px 0;border-top:.5px solid var(--color-separator);font-size:11px;color:var(--color-text-secondary);display:flex;justify-content:space-between;gap:10px}.start-heading{margin-bottom:18px}.start-heading .address{margin:0}.scan-card{position:relative;padding:26px 22px 20px;overflow:hidden;border-radius:26px;text-align:center;color:var(--color-on-primary);background:radial-gradient(120% 80% at 100% 0%,var(--color-glass-on-primary) 0%,transparent 60%),linear-gradient(180deg,var(--color-hero-start),var(--color-hero-end));box-shadow:0 14px 34px var(--color-shadow)}.scan-card h2{margin:16px 0 6px;font-size:22px;font-weight:700;letter-spacing:-.02em}.scan-card p{max-width:300px;margin:0 auto;font-size:15px;color:var(--color-on-primary-muted)}.scan-visual{position:relative;display:grid;place-items:center;width:76px;height:76px;margin:auto;border-radius:22px;background:var(--color-glass-on-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scan-visual svg{width:42px;height:42px}.scan-corner{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1.5px solid var(--color-line-on-primary);border-radius:16px}.scan-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin-top:16px;padding:10px 22px;border:0;border-radius:999px;color:var(--color-hero-end);background:var(--color-on-primary);font-size:17px;font-weight:600;box-shadow:0 6px 16px var(--color-shadow)}.scan-button svg{width:20px;height:20px}.scan-button:active{transform:scale(.97)}.qr-scanner{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;overflow:hidden;color:var(--color-scanner-text);background:var(--color-scanner-backdrop)}.qr-scanner-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.qr-scanner-bar{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) 16px 12px}.qr-scanner-button{min-height:40px;padding:8px 16px;border:0;border-radius:999px;color:var(--color-scanner-text);background:var(--color-scanner-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:16px;font-weight:600}.qr-scanner-button[aria-pressed=true]{color:var(--color-scanner-backdrop);background:var(--color-scanner-text)}.qr-scanner-frame{position:absolute;top:50%;left:50%;width:min(68vw,280px);aspect-ratio:1;transform:translate(-50%,-55%);border-radius:28px;box-shadow:0 0 0 100vmax var(--color-scanner-dim);outline:3px solid var(--color-scanner-text);outline-offset:-3px}.qr-scanner-frame[data-active=true]{animation:qr-breathe 2s ease-in-out infinite}@keyframes qr-breathe{50%{transform:translate(-50%,-55%) scale(.96)}}.qr-scanner-status{position:absolute;left:24px;right:24px;bottom:calc(48px + env(safe-area-inset-bottom));margin:0;text-align:center;font-size:17px;font-weight:600;text-shadow:0 1px 8px var(--color-scanner-dim)}.qr-scanner-failure{position:absolute;top:50%;left:24px;right:24px;transform:translateY(-50%);display:grid;justify-items:center;gap:8px;text-align:center;font-size:17px}.qr-scanner-failure svg{width:48px;height:48px}.scan-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:22px 0 0;padding:0;list-style:none}.scan-steps li{display:grid;justify-items:center;gap:6px;padding:10px 4px;border-radius:14px;background:var(--color-glass-on-primary-soft);font-size:12px;line-height:1.25;color:var(--color-on-primary)}.scan-steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--color-on-primary);color:var(--color-primary);font-size:12px}.map-shortcut{width:100%;margin:16px 0 0;padding:12px 16px;display:flex;align-items:center;gap:12px;border:0;border-radius:var(--radius-group);text-align:left;color:var(--color-text);background:var(--color-card)}.map-shortcut:active{background:var(--color-fill)}.map-shortcut>span:nth-child(2){display:grid;gap:2px;flex:1}.map-shortcut strong{font-size:17px;font-weight:500}.map-shortcut small{font-size:13px;color:var(--color-text-secondary)}.map-shortcut>svg{width:16px;color:var(--color-text-tertiary)}.code-entry{margin-top:0;padding:14px;border-radius:var(--radius-card);background:var(--color-card)}.code-entry label{margin-top:8px}.code-entry input{background:var(--color-fill);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:16px;letter-spacing:.02em}.code-entry .primary{margin-top:8px}.code-divider{display:flex;align-items:center;gap:12px;margin:24px 0 18px;font-size:13px;color:var(--color-text-secondary)}.code-divider:before,.code-divider:after{content:"";flex:1;height:.5px;background:var(--color-separator)}.auth-hero{padding:12px 0 4px;text-align:center}.auth-hero .address{max-width:340px;margin:0 auto}.auth-mark{display:grid;place-items:center;width:72px;height:72px;margin:8px auto 18px;border-radius:18px;color:var(--color-on-primary);background:linear-gradient(160deg,var(--color-hero-start),var(--color-hero-end));box-shadow:0 10px 26px var(--color-shadow)}.auth-mark svg{width:38px;height:38px}.auth-brand{margin:-6px 0 6px;color:var(--color-primary);font-size:15px;font-weight:650;letter-spacing:.01em}.auth-links{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 24px;margin-top:12px}.profile-identity{display:flex;flex-direction:column;align-items:center;gap:10px;margin:8px 0;padding:22px 20px;border-radius:var(--radius-card);text-align:center;background:var(--color-card)}.profile-identity h2{margin:0;font-size:22px;font-weight:700;overflow-wrap:anywhere}.profile-identity p{margin:2px 0 0;font-size:14px;color:var(--color-text-secondary)}.profile-avatar{display:grid;place-items:center;width:76px;height:76px;flex-shrink:0;border-radius:50%;font-size:32px;font-weight:650;color:var(--color-on-primary);background:linear-gradient(160deg,var(--color-hero-start),var(--color-hero-end))}.settings-group{overflow:hidden;border-radius:var(--radius-group);background:var(--color-card)}.account-section{position:relative;background:var(--color-card)}.settings-group>.account-section+.account-section:before{content:"";position:absolute;top:0;left:60px;right:0;height:.5px;background:var(--color-separator)}.account-section-toggle{width:100%;min-height:60px;padding:10px 16px;display:flex;align-items:center;gap:14px;border:0;background:none;color:var(--color-text);text-align:left}.account-section-toggle:active{background:var(--color-fill)}.account-section-icon{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:8px;color:var(--color-on-primary);background:var(--color-primary)}.account-section-icon svg{width:18px;height:18px}.account-section-icon[data-icon=bolt]{background:var(--color-success-strong)}.account-section-icon[data-icon=card]{background:var(--color-warning-strong)}.account-section-icon[data-icon=bell]{background:var(--color-danger-strong)}.account-section-icon[data-icon=mail]{background:var(--color-primary)}.account-section-icon[data-icon=lock]{background:var(--color-gray)}.account-section-icon[data-icon=devices]{background:var(--color-indigo)}.account-section-icon[data-icon=map]{background:var(--color-success-strong)}.account-section-label{display:grid;gap:1px;flex:1;min-width:0}.account-section-label strong{font-size:17px;font-weight:400}.account-section-label small{font-size:13px;color:var(--color-text-secondary)}.account-section-chevron{width:16px;flex-shrink:0;color:var(--color-text-tertiary);transition:transform .22s var(--ease-out)}.account-section[data-open=true] .account-section-chevron{transform:rotate(90deg)}.account-section-content{padding:2px 16px 18px;border-top:.5px solid var(--color-separator)}.account-section-content>:first-child{margin-top:14px}.account-section-content>section{margin:0;padding-top:14px;border-top:0}.account-section-content .note,.account-section-content .prepare-check,.account-section-content .login-form input,.account-section-content .login-form select{background:var(--color-surface)}.account-section-content .operation-card{padding:16px;background:var(--color-surface);box-shadow:none}.account-section-content .charging-metric{background:var(--color-card)}.account-section-content .charging-history{margin-top:18px}.account-logout{margin:28px 0 0;color:var(--color-danger);background:var(--color-card);font-weight:500}.station-back{display:inline-flex;margin:-6px 0 6px;font-size:16px}.connector-card{overflow:hidden;border-radius:var(--radius-card);background:var(--color-card)}.connector-heading{padding:16px 18px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.pricing-label{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;color:var(--color-success);background:var(--color-success-soft)}.connector-body{display:flex;align-items:center;gap:16px;padding:18px}.connector-picture{width:120px;flex-shrink:0;margin:0}.connector-picture svg{display:block;width:100%}.specs{flex:1;display:grid;grid-template-columns:1fr;gap:14px;margin:0;min-width:0}.specs small{display:block;margin-bottom:2px;font-size:13px;color:var(--color-text-secondary)}.specs strong{font-size:26px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.specs strong span{font-size:16px;font-weight:500;letter-spacing:0;color:var(--color-text-secondary)}.availability{margin:0;padding:14px 18px;display:flex;align-items:center;gap:10px;border-top:.5px solid var(--color-separator);font-size:15px;font-weight:500;color:var(--color-text-secondary)}.availability span{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:var(--color-gray)}.availability.ready{color:var(--color-success)}.availability.ready span{background:var(--color-success-strong);box-shadow:0 0 0 4px var(--color-success-soft)}.availability:is([data-state=busy],[data-state=reserved]){color:var(--color-warning)}.availability:is([data-state=busy],[data-state=reserved]) span{background:var(--color-warning-strong)}.availability[data-state=offline] span{background:var(--color-danger-strong)}.freshness{margin:8px 4px 0}.station-summary{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 4px;font-size:14px}.station-summary>*{padding:6px 12px;border-radius:999px;font-weight:600;color:var(--color-text);background:var(--color-card)}.station-summary [data-free=true]{color:var(--color-success);background:var(--color-success-soft)}.station-connectors{margin:0;padding:0;overflow:hidden;list-style:none;border-radius:var(--radius-group);background:var(--color-card)}.station-connectors li{position:relative}.station-connectors li+li:before{content:"";position:absolute;top:0;left:70px;right:0;height:.5px;background:var(--color-separator)}.station-connector{width:100%;padding:14px 16px;display:flex;align-items:center;gap:14px;border:0;text-align:left;color:var(--color-text);background:transparent}.station-connector:active{background:var(--color-fill)}.station-connector-number{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:12px;background:var(--color-fill);font-size:19px;font-weight:650;font-variant-numeric:tabular-nums}.station-connector-content{display:grid;gap:2px;flex:1;min-width:0;overflow-wrap:anywhere}.station-connector-content strong{font-size:17px;font-weight:500}.station-connector-content small{font-size:13px;color:var(--color-text-secondary)}.station-connector-chevron{width:16px;flex-shrink:0;color:var(--color-text-tertiary)}.connector-state{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--color-text-secondary)}.connector-state:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-gray)}.connector-state[data-state=available]{color:var(--color-success)}.connector-state[data-state=available]:before{background:var(--color-success-strong)}.connector-state[data-state=busy],.connector-state[data-state=reserved]{color:var(--color-warning)}.connector-state[data-state=busy]:before,.connector-state[data-state=reserved]:before{background:var(--color-warning-strong)}.station-qr{margin-top:24px;padding:4px 16px;border-radius:var(--radius-group);background:var(--color-card);font-size:15px}.station-qr summary{min-height:48px;display:flex;align-items:center;cursor:pointer;font-size:17px;font-weight:500}.station-qr[open] summary{border-bottom:.5px solid var(--color-separator)}.station-qr svg{display:block;margin:16px auto;max-width:100%;height:auto;border-radius:12px}.station-qr label{display:grid;gap:8px;font-size:13px;color:var(--color-text-secondary)}.station-qr input{background:var(--color-fill);font-size:15px}.station-qr-actions{display:grid;gap:4px;padding-bottom:12px}.customer-charging{margin-top:16px}.customer-charging>.primary{margin-top:14px}.operation-card{margin:16px 0;padding:20px;border-radius:var(--radius-card);overflow-wrap:anywhere;background:var(--color-card)}.operation-card>h2{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.operation-card p,.operation-card a{font-size:15px}.operation-card>p{margin:4px 0;color:var(--color-text-secondary)}.operation-card>.eyebrow{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;font-size:12px}.operation-card[data-state=charging]>.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-success-strong);animation:live-blink 1.6s ease-in-out infinite}@keyframes live-blink{50%{opacity:.35}}.operation-card>a{display:inline-flex;margin-top:10px;font-weight:500;text-decoration:none}.operation-card .secondary{margin-top:16px}.operation-card[data-state=charging] .secondary,.operation-card[data-state=stopping] .secondary{color:var(--color-danger);background:var(--color-danger-soft)}.operation-card .note{background:var(--color-surface)}.operation-card[data-state=attention]>h2,.operation-card[data-state=rejected]>h2,.operation-card[data-state=failed]>h2{color:var(--color-warning)}.operation-card[data-state=completed]>h2{color:var(--color-success)}.start-progress{margin:16px 0 4px;padding:4px 14px;list-style:none;border-radius:16px;background:var(--color-surface)}.start-progress li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;font-size:15px;color:var(--color-text-secondary)}.start-progress li+li{border-top:.5px solid var(--color-separator)}.start-progress li>span:last-child{display:grid;gap:2px}.start-progress small{font-size:13px;color:var(--color-text-secondary)}.start-progress li[data-step=done],.start-progress li[data-step=current]{color:var(--color-text)}.start-progress li[data-step=current]{font-weight:600}.start-progress-mark{display:grid;place-items:center;width:22px;height:22px;margin-top:1px;flex-shrink:0;border-radius:50%;border:2px solid var(--color-separator)}.start-progress-mark svg{width:14px;height:14px;stroke-width:3}[data-step=done]>.start-progress-mark{border-color:var(--color-success-strong);color:var(--color-on-primary);background:var(--color-success-strong)}[data-step=current]>.start-progress-mark{border-color:var(--color-primary);border-top-color:transparent;animation:start-spin .9s linear infinite}@keyframes start-spin{to{transform:rotate(360deg)}}.operation-card .start-progress-hint{color:var(--color-text);background:var(--color-warning-soft)}.push-offer{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border-radius:16px;background:var(--color-primary-soft)}.push-offer-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:8px;color:var(--color-on-primary);background:var(--color-danger-strong)}.push-offer-icon svg{width:18px;height:18px}.push-offer-text{display:grid;gap:1px;flex:1;min-width:0}.push-offer-text strong{font-size:15px;font-weight:600}.push-offer-text small{font-size:13px;color:var(--color-text-secondary)}.push-offer-button{min-height:34px;padding:6px 14px;border:0;border-radius:999px;color:var(--color-on-primary);background:var(--color-primary);font-size:15px;font-weight:600}.push-offer>p{flex-basis:100%;margin:0;font-size:13px}.push-offer-done{display:flex;align-items:center;gap:8px;margin:14px 0 0;font-size:15px;font-weight:500;color:var(--color-success)}.push-offer-done svg{width:18px;height:18px}.charging-metrics{margin-top:16px}.charging-metrics dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.charging-metrics>p{margin:10px 2px 0;font-size:14px;color:var(--color-text-secondary)}.charging-metrics>p strong{color:var(--color-text);font-variant-numeric:tabular-nums}.charging-metric{padding:14px;border-radius:16px;overflow-wrap:anywhere;background:var(--color-surface)}.charging-metric:only-child{grid-column:1 / -1}.charging-metric dt{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.charging-metric dd{margin:8px 0 6px;font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums}.charging-metric dd span{font-size:15px;font-weight:500;letter-spacing:0}.charging-metric p,.charging-metric small{margin:0;font-size:12px;color:var(--color-text-secondary)}.charging-metric small{display:block;margin-top:2px}.charging-metric[data-stale=true] dd{opacity:.55}.charging-metric[data-stale=true] p{color:var(--color-warning)}.operation-card[data-state=charging] .charging-metric:first-child,.operation-card[data-state=stopping] .charging-metric:first-child{color:var(--color-on-primary);background:linear-gradient(160deg,var(--color-hero-start),var(--color-hero-end))}.operation-card[data-state=charging] .charging-metric:first-child :is(dt,p,small),.operation-card[data-state=stopping] .charging-metric:first-child :is(dt,p,small){color:var(--color-on-primary-muted)}.history-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.history-heading h2{margin:0}.charging-history{margin-top:28px}.charging-history>label{display:grid;gap:6px;margin:6px 0 12px;font-size:13px;color:var(--color-text-secondary)}.charging-history select{min-height:44px;font-size:16px}.history-item{margin:8px 0;padding:0 14px;border-radius:16px;background:var(--color-card)}.account-section-content .history-item,.account-section-content .charging-history select{background:var(--color-surface)}.history-item summary{padding:12px 0;cursor:pointer;list-style:none}.history-item summary::-webkit-details-marker{display:none}.history-item summary strong{font-size:16px;font-weight:600}.history-item summary span{display:block;margin-top:2px;font-size:13px;color:var(--color-text-secondary)}.history-item[open] summary{border-bottom:.5px solid var(--color-separator)}.history-item .operation-card{margin:0;padding:12px 0 14px;background:transparent}.history-item summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.customer-reservations{margin-top:24px}.customer-reservations>h2{font-size:19px}.customer-reservations article h3{color:var(--color-text)}.preview-banner{margin:0 0 14px;padding:12px 14px;border-radius:14px;color:var(--color-warning);background:var(--color-warning-soft)}.preview-banner strong,.preview-banner span{display:block;font-size:13px;line-height:1.4}.preview-tabs{display:flex;gap:2px;margin:0 0 24px;padding:2px;overflow:auto;border-radius:10px;background:var(--color-fill)}.preview-tabs button{flex:1;padding:7px 10px;border:0;border-radius:8px;color:var(--color-text);background:transparent;font-size:13px;font-weight:500;white-space:nowrap}.preview-tabs button[aria-current]{font-weight:600;background:var(--color-elevated);box-shadow:0 3px 8px var(--color-shadow-soft)}.steps{margin:28px 0;padding:6px 16px;display:grid;border-radius:var(--radius-group);background:var(--color-card)}.steps>div{display:flex;gap:14px;padding:14px 0}.steps>div+div{border-top:.5px solid var(--color-separator)}.steps b{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;color:var(--color-on-primary);background:var(--color-primary);font-size:14px}.steps h2{font-size:17px;margin:3px 0 2px}.steps p{margin:0;font-size:15px;color:var(--color-text-secondary)}.free-note{display:grid;gap:4px;padding:16px;border-radius:var(--radius-group);background:var(--color-success-soft)}.free-note strong{font-size:16px;color:var(--color-success)}.free-note span{font-size:13px;color:var(--color-text-secondary)}.live-card{margin:22px 0;padding:24px 20px 20px;border-radius:26px;text-align:center;color:var(--color-on-primary);background:radial-gradient(120% 80% at 100% 0%,var(--color-glass-on-primary) 0%,transparent 60%),linear-gradient(180deg,var(--color-hero-start),var(--color-hero-end));box-shadow:0 14px 34px var(--color-shadow)}.live-dot{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-on-primary-muted)}.live-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-success-strong);animation:live-blink 1.6s ease-in-out infinite}.energy{margin-top:22px;font-size:72px;font-weight:700;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}.energy span{font-size:20px;font-weight:500;letter-spacing:0;color:var(--color-on-primary-muted)}.live-card p{font-size:14px;color:var(--color-on-primary-muted)}.charging-wave{display:flex;justify-content:center;align-items:center;gap:5px;height:60px}.charging-wave i{width:5px;border-radius:5px;background:var(--color-accent);opacity:.8}.live-metrics{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;padding-top:18px;border-top:.5px solid var(--color-line-on-primary)}.live-metrics strong,.live-metrics span{display:block}.live-metrics strong{font-size:20px;font-weight:650;font-variant-numeric:tabular-nums}.live-metrics span{margin-top:4px;font-size:12px;color:var(--color-on-primary-muted)}.done-mark{display:grid;place-items:center;width:72px;height:72px;margin:8px 0 22px;border-radius:50%;font-size:34px;color:var(--color-on-primary);background:var(--color-success-strong)}.receipt{margin:26px 0;padding:20px;border-radius:var(--radius-card);background:var(--color-card)}.receipt p{font-size:14px;color:var(--color-text-secondary)}.receipt dl{margin-bottom:0;padding-top:6px;border-top:.5px solid var(--color-separator)}.receipt dl div{display:flex;justify-content:space-between;gap:12px;margin:0;padding:12px 0;font-size:16px}.receipt dl div+div{border-top:.5px solid var(--color-separator)}.receipt dt{color:var(--color-text-secondary)}.receipt dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:350px){:root{--page-gutter: 16px}.large-title{font-size:30px}.connector-picture{width:92px}.connector-body{gap:10px;padding:14px 12px}.connector-heading{padding-left:12px;padding-right:12px}.scan-steps li{font-size:11px}}
