:root,html[data-theme=light]{--bg0: #eef6f1;--bg1: #dceee4;--bg2: #c5e0d2;--ink: #0b1f18;--muted: #4d6a5c;--line: rgba(11, 31, 24, .12);--panel: rgba(255, 255, 255, .86);--panel-strong: rgba(255, 255, 255, .95);--surface: rgba(11, 31, 24, .04);--accent: #0d9f6e;--accent-bright: #12c489;--accent-ink: #043526;--control: #f27a1a;--control-track: #1fa36f;--warn: #b8860b;--error: #c62828;--connected: #0277bd;--charging: #0d9f6e;--idle: #4d6a5c;--glow: rgba(13, 159, 110, .14);--glow-blue: rgba(2, 119, 189, .1);--shadow: 0 14px 32px rgba(11, 31, 24, .1);--input-bg: rgba(255, 255, 255, .92);--msg-bg: rgba(11, 31, 24, .04);--logout: #b71c1c;--tabbar: rgba(255, 255, 255, .92);--radius: 22px;--font-display: "Outfit", "Segoe UI", sans-serif;--font-body: "Figtree", "Segoe UI", sans-serif}html[data-theme=dark]{--bg0: #050705;--bg1: #0b1210;--bg2: #121a16;--ink: #f2fff7;--muted: #8fa89a;--line: rgba(232, 245, 238, .1);--panel: #141c18;--panel-strong: #101714;--surface: #0c1310;--accent: #3dffa8;--accent-bright: #7dffc4;--accent-ink: #062015;--control: #f27a1a;--control-track: #1fa36f;--warn: #f0c14a;--error: #ff6b6b;--connected: #5ec8ff;--charging: #3dffa8;--idle: #8fa89a;--glow: rgba(61, 255, 168, .12);--glow-blue: rgba(94, 200, 255, .08);--shadow: 0 18px 40px rgba(0, 0, 0, .45);--input-bg: rgba(8, 14, 12, .75);--msg-bg: rgba(0, 0, 0, .28);--logout: #ffc4c4;--tabbar: rgba(10, 16, 13, .95)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font-body);color:var(--ink);background:radial-gradient(900px 520px at 12% -8%,var(--glow),transparent 55%),radial-gradient(700px 420px at 100% 0%,var(--glow-blue),transparent 50%),linear-gradient(165deg,var(--bg0),var(--bg1) 50%,var(--bg2));background-attachment:fixed;transition:color .25s ease,background .25s ease}body{min-height:100dvh}.app-shell{width:min(480px,100%);margin:0 auto;padding:.9rem .95rem 1.25rem;min-height:100dvh}body.has-tabbar .app-shell{padding-bottom:calc(5.75rem + env(safe-area-inset-bottom,0px));min-height:100dvh}.view{animation:fade-in .35s ease both}.brand{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.brand__identity{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.brand__logo{height:clamp(36px,8vw,48px);width:auto;max-width:min(240px,62vw);object-fit:contain;object-position:left center;display:none}html[data-theme=light] .brand__logo[data-brand-logo=light],html[data-theme=dark] .brand__logo[data-brand-logo=dark]{display:block}.theme-toggle{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--ink);width:42px;height:42px;border-radius:14px;display:grid;place-items:center;cursor:pointer}.theme-toggle svg{width:20px;height:20px}html[data-theme=light] .theme-toggle__moon,html[data-theme=dark] .theme-toggle__sun{display:none}.panel{background:linear-gradient(180deg,var(--panel),var(--panel-strong));border:1px solid var(--line);border-radius:calc(var(--radius) + 2px);padding:1.2rem 1.1rem 1.35rem;box-shadow:var(--shadow)}.panel h1,.tab-title,.app-head__title{font-family:var(--font-display);font-weight:750;letter-spacing:-.02em;margin:0 0 .35rem}.lede{margin:0 0 1rem;color:var(--muted);line-height:1.4;font-size:.95rem}label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:.3rem}.field{margin-bottom:.9rem}input[type=email],input[type=password],input[type=text]{width:100%;border:1px solid var(--line);background:var(--input-bg);color:var(--ink);border-radius:12px;padding:.8rem .9rem;font:inherit}.btn{appearance:none;border:0;border-radius:999px;padding:.8rem 1.1rem;font:inherit;font-weight:700;cursor:pointer}.btn--primary{width:100%;background:linear-gradient(135deg,var(--accent),var(--accent-bright));color:var(--accent-ink);margin-top:.25rem}.btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--line);font-weight:600;font-size:.9rem}.btn--sm{padding:.4rem .75rem;font-size:.82rem}.btn--danger{width:100%;background:transparent;color:var(--error);border:1px solid color-mix(in srgb,var(--error) 45%,transparent);font-weight:700}.btn-logout{color:var(--logout);border-color:color-mix(in srgb,var(--logout) 35%,transparent);width:100%;margin-top:.75rem}.links{margin-top:.9rem;display:flex;justify-content:center}.links a{color:var(--accent);text-decoration:none;font-size:.92rem}.message{margin:.7rem 0 0;padding:.65rem .8rem;border-radius:12px;font-size:.88rem;border:1px solid var(--line);background:var(--msg-bg)}.message[data-type=error]{border-color:color-mix(in srgb,var(--error) 45%,transparent);color:var(--error)}.message[data-type=ok]{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.message[data-type=warn],.message[data-type=info]{color:var(--muted)}.toast{position:fixed;left:50%;bottom:calc(5.5rem + env(safe-area-inset-bottom,0px));z-index:60;max-width:min(22rem,calc(100vw - 2rem));transform:translate(-50%);padding:.65rem .95rem;border-radius:12px;font-size:.84rem;font-weight:600;line-height:1.35;text-align:center;box-shadow:var(--shadow);pointer-events:none;animation:toast-in .22s ease-out}.toast[data-type=error]{background:color-mix(in srgb,var(--error) 14%,var(--panel-strong));border:1px solid color-mix(in srgb,var(--error) 45%,transparent);color:var(--error)}.toast[data-type=ok]{background:color-mix(in srgb,var(--accent) 14%,var(--panel-strong));border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent-ink)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.user-chip{color:var(--muted);font-size:.8rem;margin:.25rem 0 .75rem}.charger-list{display:grid;gap:.65rem}.charger-card{text-align:left;width:100%;border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:16px;padding:.95rem 1rem;cursor:pointer;display:flex;flex-direction:column;gap:.2rem;font:inherit}.charger-card__name{font-family:var(--font-display);font-weight:700}.charger-card__label{color:var(--muted);font-size:.85rem}.view--app{padding-bottom:.5rem}.app-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.app-head__label{margin:0;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.app-head__title{font-size:1.35rem}.status-pill{display:inline-flex;padding:.45rem .8rem;border-radius:999px;font-weight:700;font-size:.85rem;background:color-mix(in srgb,var(--idle) 16%,transparent);border:1px solid color-mix(in srgb,var(--idle) 35%,transparent);color:var(--idle);white-space:nowrap}.status-pill[data-tone=charging]{background:color-mix(in srgb,var(--charging) 16%,transparent);border-color:color-mix(in srgb,var(--charging) 45%,transparent);color:var(--charging)}.status-pill[data-tone=connected]{background:color-mix(in srgb,var(--connected) 16%,transparent);border-color:color-mix(in srgb,var(--connected) 45%,transparent);color:var(--connected)}.status-pill[data-tone=error]{background:color-mix(in srgb,var(--error) 16%,transparent);border-color:color-mix(in srgb,var(--error) 45%,transparent);color:var(--error)}.status-row--compact{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.online{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.88rem}.online-dot{width:9px;height:9px;border-radius:50%;background:#66776e}.online-dot[data-on="1"]{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}.tab-title{font-size:1.25rem;margin-bottom:.25rem}.widget-stack{display:grid;gap:.7rem}.widget{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.05rem;box-shadow:var(--shadow)}.widget--row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.widget__left,.widget__head{display:flex;align-items:center;gap:.55rem}.widget__icon{font-size:1.15rem;line-height:1}.widget__label{color:var(--accent);font-weight:700;font-size:.95rem}.widget__value{font-family:var(--font-display);font-weight:750;font-size:1.2rem;letter-spacing:-.02em}.widget__value--xl{text-align:center;font-size:clamp(1.7rem,6vw,2.2rem);margin:.55rem 0 .85rem}.widget--control{text-align:center}.widget--control .widget__head{justify-content:center}.slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--control) 0%,var(--control) var(--fill, 50%),var(--control-track) var(--fill, 50%),var(--control-track) 100%);outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--control);border:2px solid #fff;box-shadow:0 2px 8px #00000059;cursor:pointer}.slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--control);border:2px solid #fff;cursor:pointer}.switch{position:relative;display:inline-flex;margin-top:.85rem;cursor:pointer}.switch input{position:absolute;opacity:0;width:0;height:0}.switch__track{width:64px;height:34px;border-radius:999px;background:#3a4540;position:relative;transition:background .2s}.switch__track:after{content:"";position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:50%;background:var(--control);transition:transform .2s}.switch input:checked+.switch__track{background:color-mix(in srgb,var(--control-track) 55%,#1a2420)}.switch input:checked+.switch__track:after{transform:translate(30px)}.settings-actions{display:grid;gap:.55rem;margin-top:.35rem}.sync-hint{margin:.35rem 0 0;color:var(--muted);font-size:.8rem;text-align:center}.rpc-error{margin:.4rem 0 0;color:var(--error);font-size:.78rem;text-align:center;line-height:1.3}.btn--charge-resume{width:100%;background:linear-gradient(135deg,var(--accent),var(--accent-bright));color:var(--accent-ink);border:0;font-weight:700}.btn--charge-toggle:disabled,.btn--charge-toggle.btn--disabled{width:100%;cursor:not-allowed;opacity:1;background:color-mix(in srgb,var(--muted) 22%,var(--panel));color:var(--muted);border:1px solid var(--line);font-weight:700}.history-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.history-list li{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:.85rem .95rem;display:flex;justify-content:space-between;gap:.75rem;font-size:.92rem}.history-list .when{color:var(--muted);font-size:.8rem}.history-list .val{font-family:var(--font-display);font-weight:700}.tabbar{position:fixed;left:0;right:0;bottom:0;width:100%;margin:0;padding:0;z-index:1000;background:var(--tabbar);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-bottom:env(safe-area-inset-bottom,0px)}.tabbar__inner{width:min(480px,100%);margin:0 auto;display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:.25rem;padding:.55rem .75rem}.tabbar__btn{appearance:none;border:0;background:transparent;color:var(--muted);display:grid;justify-items:center;gap:.15rem;padding:.35rem .25rem;font:inherit;font-size:.72rem;font-weight:600;cursor:pointer;border-radius:14px}.tabbar__btn svg{width:22px;height:22px}.tabbar__btn.is-active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.tabbar__btn--home{transform:translateY(-6px)}.tabbar__btn--home svg{width:26px;height:26px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}