.led-container.svelte-1i21a6i{background:var(--surface-100);border-radius:8px;padding:8px 12px;box-shadow:inset 0 2px 4px #00000080}.led.svelte-1i21a6i{background:var(--border-100);border:2px solid var(--surface-200);border-radius:50%;width:24px;height:24px;transition:background .2s,box-shadow .2s}.led.active.svelte-1i21a6i{background:var(--led-color);box-shadow:0 0 10px var(--led-color), 0 0 20px var(--led-color), 0 0 30px var(--led-color)}.led.active.blink.svelte-1i21a6i{animation:svelte-1i21a6i-led-blink var(--blink-duration) ease-in-out infinite}@keyframes svelte-1i21a6i-led-blink{0%,to{opacity:1;box-shadow:0 0 10px var(--led-color), 0 0 20px var(--led-color), 0 0 30px var(--led-color)}50%{opacity:.3;box-shadow:none}}.plug-container.svelte-ofdsk9{cursor:pointer;flex-direction:column;align-items:center;gap:8px;display:flex}.type2-plug.svelte-ofdsk9{width:130px;height:auto;fill:var(--text-400);filter:drop-shadow(0 4px 8px #0000004d);transition:fill .3s,filter .3s}.type2-plug.svelte-ofdsk9:hover{fill:var(--text-300)}.type2-plug.glowing.svelte-ofdsk9{fill:var(--glow-color);filter:drop-shadow(0 0 10px var(--glow-color)) drop-shadow(0 0 20px var(--glow-color))}.plug-label.svelte-ofdsk9{color:var(--text-200);text-transform:uppercase;letter-spacing:1px;font-family:Arial,sans-serif;font-size:14px;font-weight:700}.message-log.svelte-1vmg07c{background:var(--surface-100);border:1px solid var(--border-100);border-radius:12px;flex-direction:column;width:600px;height:200px;display:flex;overflow:hidden}.log-header.svelte-1vmg07c{background:var(--surface-header);border-bottom:1px solid var(--border-100);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.log-title.svelte-1vmg07c{color:var(--text-400);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:700}.message-count.svelte-1vmg07c{color:var(--text-500);font-size:11px}.log-content.svelte-1vmg07c{flex:1;padding:8px;font-family:Consolas,Monaco,monospace;font-size:12px;overflow:auto}.empty-state.svelte-1vmg07c{color:var(--text-600);text-align:center;padding:40px;font-style:italic}.log-entry.svelte-1vmg07c{border-radius:4px;gap:8px;margin-bottom:2px;padding:4px 8px;display:flex}.log-entry.svelte-1vmg07c:hover{background:var(--surface-header)}.log-entry.incoming.svelte-1vmg07c{border-left:2px solid var(--color-primary)}.log-entry.outgoing.svelte-1vmg07c{border-left:2px solid var(--color-msg-out)}.timestamp.svelte-1vmg07c{color:var(--text-500);flex-shrink:0}.direction.svelte-1vmg07c{text-align:center;flex-shrink:0;width:16px}.log-entry.incoming.svelte-1vmg07c .direction:where(.svelte-1vmg07c){color:var(--color-primary)}.log-entry.outgoing.svelte-1vmg07c .direction:where(.svelte-1vmg07c){color:var(--color-msg-out)}.message-type.svelte-1vmg07c{color:var(--color-msg-type);flex-shrink:0;min-width:120px}.message-content.svelte-1vmg07c{color:var(--text-300);white-space:nowrap}.log-content.svelte-1vmg07c::-webkit-scrollbar{width:8px;height:8px}.log-content.svelte-1vmg07c::-webkit-scrollbar-track{background:var(--surface-100)}.log-content.svelte-1vmg07c::-webkit-scrollbar-thumb{background:var(--border-200);border-radius:4px}.log-content.svelte-1vmg07c::-webkit-scrollbar-thumb:hover{background:var(--text-600)}.top-bar.svelte-gwjq7z{background:var(--surface-topbar);border-bottom:1px solid var(--border-100);z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.logo.svelte-gwjq7z{color:var(--text-400);text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:700}.connection-controls.svelte-gwjq7z{align-items:center;gap:16px;display:flex}.status-indicator.svelte-gwjq7z{align-items:center;gap:8px;display:flex}.status-dot.svelte-gwjq7z{border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px}.status-text.svelte-gwjq7z{color:var(--text-400);font-size:12px}.connect-btn.svelte-gwjq7z{cursor:pointer;background:var(--color-primary-bg);color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:12px;font-weight:500;transition:all .2s}.connect-btn.svelte-gwjq7z:hover:not(:disabled){background:var(--color-primary-hover)}.connect-btn.svelte-gwjq7z:disabled{opacity:.5;cursor:not-allowed}.connect-btn.connected.svelte-gwjq7z{border:1px solid var(--color-disconnect);color:var(--color-disconnect);background:0 0}.connect-btn.connected.svelte-gwjq7z:hover{background:color-mix(in srgb, var(--color-disconnect) 10%, transparent)}.settings-btn.svelte-gwjq7z{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background .2s}.settings-btn.svelte-gwjq7z:hover{background:#ffffff1a}.gear-icon.svelte-gwjq7z{width:24px;height:24px;fill:var(--text-400);transition:fill .2s}.settings-btn.svelte-gwjq7z:hover .gear-icon:where(.svelte-gwjq7z){fill:var(--text-200)}.modal-overlay.svelte-w0yg29{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal.svelte-w0yg29{background:var(--surface-200);border:1px solid var(--border-200);border-radius:16px;flex-direction:column;width:100%;max-width:450px;max-height:90vh;display:flex;box-shadow:0 20px 60px #00000080}.modal-header.svelte-w0yg29{border-bottom:1px solid var(--border-100);flex:none;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header.svelte-w0yg29 h2:where(.svelte-w0yg29){color:var(--text-200);margin:0;font-size:16px;font-weight:600}.close-btn.svelte-w0yg29{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:background .2s}.close-btn.svelte-w0yg29:hover{background:#ffffff1a}.close-icon.svelte-w0yg29{width:20px;height:20px;fill:var(--text-400)}.modal-body.svelte-w0yg29{flex:auto;padding:20px;overflow-y:auto}.form-group.svelte-w0yg29{margin-bottom:20px}.form-group.svelte-w0yg29:last-child{margin-bottom:0}label.svelte-w0yg29{color:var(--text-300);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.optional.svelte-w0yg29{color:var(--text-500);font-weight:400}.group-title.svelte-w0yg29{color:var(--text-300);margin-bottom:10px;font-size:13px;font-weight:500;display:block}.checkbox-row.svelte-w0yg29{cursor:pointer;align-items:center;gap:10px;margin-bottom:0;display:flex}.checkbox-row.svelte-w0yg29 input[type=checkbox]:where(.svelte-w0yg29){width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex:none;margin:0}.checkbox-row.svelte-w0yg29 span:where(.svelte-w0yg29){color:var(--text-200);font-size:13px;font-weight:500}.btn-check.svelte-w0yg29{margin-top:12px}.check-status.svelte-w0yg29{color:var(--color-primary);margin-top:8px;font-size:11px;display:block}input.svelte-w0yg29,select.svelte-w0yg29{background:var(--surface-100);border:1px solid var(--border-200);width:100%;color:var(--text-100);box-sizing:border-box;border-radius:8px;padding:10px 12px;font-size:14px;transition:border-color .2s}input.svelte-w0yg29:focus,select.svelte-w0yg29:focus{border-color:var(--color-primary);outline:none}input.svelte-w0yg29::placeholder{color:var(--text-600)}.hint.svelte-w0yg29{color:var(--text-500);margin-top:6px;font-size:11px;display:block}.modal-footer.svelte-w0yg29{border-top:1px solid var(--border-100);flex:none;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.btn.svelte-w0yg29{cursor:pointer;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:background .2s}.btn-secondary.svelte-w0yg29{border:1px solid var(--border-200);color:var(--text-300);background:0 0}.btn-secondary.svelte-w0yg29:hover{background:#ffffff0d}.btn-primary.svelte-w0yg29{background:var(--color-primary-bg);color:#fff;border:none}.btn-primary.svelte-w0yg29:hover{background:var(--color-primary-hover)}.btn-danger.svelte-w0yg29{border:1px solid var(--color-error);color:var(--color-error);background:0 0}.btn-danger.svelte-w0yg29:hover{background:#f443361a}.footer-spacer.svelte-w0yg29{flex:1}.rfid-reader.svelte-rzef05{flex-direction:column;align-items:center;gap:8px;display:flex}.rfid-surface.svelte-rzef05{background:linear-gradient(145deg, var(--surface-200) 0%, var(--surface-100) 100%);border:2px solid var(--border-200);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:100px;height:70px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:inset 0 2px 4px #0000004d,0 2px 8px #0003}.rfid-surface.svelte-rzef05:hover{border-color:var(--color-primary);box-shadow:inset 0 2px 4px #0000004d, 0 0 12px color-mix(in srgb, var(--color-primary) 30%, transparent)}.rfid-surface.flash-green.svelte-rzef05{animation:1.4s ease-out svelte-rzef05-rfid-flash-green}.rfid-surface.flash-red.svelte-rzef05{animation:1.4s ease-out svelte-rzef05-rfid-flash-red}@keyframes svelte-rzef05-rfid-flash-green{0%,to{border-color:var(--border-200);background:linear-gradient(145deg, var(--surface-200) 0%, var(--surface-100) 100%);box-shadow:inset 0 2px 4px #0000004d,0 2px 8px #0003}25%{background:#22c55e47;border-color:#22c55e;box-shadow:inset 0 2px 4px #0000004d,0 0 18px #22c55ed9}}@keyframes svelte-rzef05-rfid-flash-red{0%,to{border-color:var(--border-200);background:linear-gradient(145deg, var(--surface-200) 0%, var(--surface-100) 100%);box-shadow:inset 0 2px 4px #0000004d,0 2px 8px #0003}25%{background:#ef444447;border-color:#ef4444;box-shadow:inset 0 2px 4px #0000004d,0 0 18px #ef4444d9}}.rfid-icon.svelte-rzef05{width:50px;height:50px}.rfid-label.svelte-rzef05{color:var(--text-400);text-transform:uppercase;letter-spacing:1px;font-size:11px}.rfid-surface.disabled.svelte-rzef05{opacity:.5;cursor:not-allowed}.modal-overlay.svelte-rzef05{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal.svelte-rzef05{background:var(--surface-200);border:1px solid var(--border-200);border-radius:16px;width:100%;max-width:350px;box-shadow:0 20px 60px #00000080}.modal-header.svelte-rzef05{border-bottom:1px solid var(--border-100);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header.svelte-rzef05 h3:where(.svelte-rzef05){color:var(--text-200);margin:0;font-size:16px;font-weight:600}.close-btn.svelte-rzef05{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:background .2s}.close-btn.svelte-rzef05:hover{background:#ffffff1a}.close-icon.svelte-rzef05{width:20px;height:20px;fill:var(--text-400)}.modal-body.svelte-rzef05{padding:20px}label.svelte-rzef05{color:var(--text-300);margin-bottom:8px;font-size:13px;font-weight:500;display:block}input.svelte-rzef05{background:var(--surface-100);border:1px solid var(--border-200);width:100%;color:var(--text-100);box-sizing:border-box;border-radius:8px;padding:10px 12px;font-family:Consolas,Monaco,monospace;font-size:14px;transition:border-color .2s}input.svelte-rzef05:focus{border-color:var(--color-primary);outline:none}.modal-footer.svelte-rzef05{border-top:1px solid var(--border-100);justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.btn.svelte-rzef05{cursor:pointer;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:background .2s}.btn-secondary.svelte-rzef05{border:1px solid var(--border-200);color:var(--text-300);background:0 0}.btn-secondary.svelte-rzef05:hover{background:#ffffff0d}.btn-primary.svelte-rzef05{background:var(--color-primary-bg);color:#fff;border:none}.btn-primary.svelte-rzef05:hover{background:var(--color-primary-hover)}.qr-image.svelte-1h4pw21{border-radius:8px;width:115px;height:115px}:root{--page-bg-start:#1a1a2e;--page-bg-end:#16213e;--surface-100:#1a1a1a;--surface-200:#2a2a2a;--surface-300:#3a3a3a;--surface-header:#252525;--surface-topbar:#1e1e1ef2;--border-100:#333;--border-200:#444;--text-100:#eee;--text-200:#ccc;--text-300:#aaa;--text-400:#888;--text-500:#666;--text-600:#555;--color-primary:#4a9eff;--color-primary-bg:#4a9eff;--color-primary-hover:#3a8eef;--color-success:#4caf50;--color-success-light:#81c784;--color-success-dark:#2e7d32;--color-warning:#fa0;--color-error:#f44336;--color-error-light:#ef9a9a;--color-error-dark:#c62828;--color-available:#0f0;--color-connected:#0c6;--color-msg-out:#0c6;--color-msg-type:#c9f;--color-disconnect:#f66;--qr-color:#ccc}body.theme-billbo{--page-bg-start:#1a1a1a;--page-bg-end:#121212;--surface-100:#1e1e1e;--surface-200:#2f2f2f;--surface-300:#3a3a3a;--surface-header:#282828;--surface-topbar:#2f2f2ff2;--border-100:#3a3a3a;--border-200:#484848;--text-100:#eee;--text-200:#ccc;--text-300:#aaa;--text-400:#888;--text-500:#666;--text-600:#555;--color-primary:#b0dafa;--color-primary-bg:#041871;--color-primary-hover:#032060;--color-success:#00d75c;--color-success-light:#66e89e;--color-success-dark:#00a344;--color-warning:#d800ff;--color-error:#ba0160;--color-error-light:#e066a0;--color-error-dark:#8a0148;--color-available:#00d75c;--color-connected:#00d75c;--color-msg-out:#00d75c;--color-msg-type:#d800ff;--color-disconnect:#ba0160;--qr-color:#b0dafa}body{background:linear-gradient(135deg, var(--page-bg-start) 0%, var(--page-bg-end) 100%);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Arial,sans-serif;display:flex}#app{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}main.svelte-1n46o8q{flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:68px 20px 20px;display:flex}.chargepoint-box.svelte-1n46o8q{background:linear-gradient(180deg, var(--surface-300) 0%, var(--surface-200) 100%);border:2px solid var(--border-200);border-radius:24px;padding:32px 48px;box-shadow:0 10px 40px #00000080,inset 0 1px #ffffff1a}.connectors.svelte-1n46o8q{justify-content:space-between;align-items:center;gap:32px;display:flex}.connector.svelte-1n46o8q{flex-direction:column;align-items:center;gap:16px;display:flex}.divider.svelte-1n46o8q{background:linear-gradient(180deg, transparent 0%, var(--text-600) 20%, var(--text-600) 80%, transparent 100%);width:2px;height:200px}.rfid-section.svelte-1n46o8q{border-top:1px solid var(--border-200);justify-content:space-between;align-items:center;margin-top:24px;padding-top:24px;display:flex}.twn4-status.svelte-1n46o8q{color:var(--text-400);justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.twn4-dot.svelte-1n46o8q{background:var(--text-600);border-radius:50%;flex:none;width:8px;height:8px}.twn4-status.active.svelte-1n46o8q .twn4-dot:where(.svelte-1n46o8q){background:var(--color-primary);box-shadow:0 0 6px var(--color-primary)}.meter-row.svelte-1n46o8q{align-items:center;gap:6px;display:flex}.bolt.svelte-1n46o8q{width:16px;height:16px;fill:var(--text-600);cursor:pointer;background:var(--surface-100);border:1px solid var(--border-100);box-sizing:content-box;border-radius:8px;padding:9px;transition:fill .2s,border-color .2s,box-shadow .2s}.bolt.svelte-1n46o8q:hover{fill:var(--text-400);border-color:var(--text-600)}.bolt.active.svelte-1n46o8q{fill:var(--color-warning);border-color:var(--color-warning);box-shadow:0 0 8px color-mix(in srgb, var(--color-warning) 30%, transparent)}.meter.svelte-1n46o8q{color:var(--text-500);background:var(--surface-100);border:1px solid var(--border-100);text-align:center;border-radius:8px;min-width:80px;padding:8px 16px;font-family:Consolas,Monaco,monospace;font-size:16px;font-weight:700;transition:color .3s,border-color .3s,box-shadow .3s}.meter.charging.svelte-1n46o8q{color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 10px color-mix(in srgb, var(--color-primary) 30%, transparent)}.web-payment-banner.svelte-1n46o8q{border-top:1px solid var(--border-200);background:0 0;align-items:center;gap:12px;margin-top:24px;padding-top:24px;transition:color .3s;display:flex}.web-payment-icon.svelte-1n46o8q{color:var(--text-500);flex-shrink:0;align-items:center;transition:color .3s;display:flex}.web-payment-banner.started.svelte-1n46o8q .web-payment-icon:where(.svelte-1n46o8q){color:var(--color-success)}.web-payment-banner.failed.svelte-1n46o8q .web-payment-icon:where(.svelte-1n46o8q){color:var(--color-error)}.web-payment-text.svelte-1n46o8q{flex-direction:column;flex:1;gap:2px;display:flex}.web-payment-label.svelte-1n46o8q{color:var(--text-400);font-size:14px;font-weight:700;transition:color .3s}.web-payment-banner.started.svelte-1n46o8q .web-payment-label:where(.svelte-1n46o8q){color:var(--color-success)}.web-payment-banner.failed.svelte-1n46o8q .web-payment-label:where(.svelte-1n46o8q){color:var(--color-error)}.web-payment-detail.svelte-1n46o8q{color:var(--text-500);font-size:12px;transition:color .3s}.web-payment-banner.started.svelte-1n46o8q .web-payment-detail:where(.svelte-1n46o8q){color:var(--color-success-light)}.web-payment-banner.failed.svelte-1n46o8q .web-payment-detail:where(.svelte-1n46o8q){color:var(--color-error-light)}.web-payment-countdown.svelte-1n46o8q{color:var(--color-success);border:1px solid var(--color-success-dark);text-align:center;background:#0a1a0a;border-radius:6px;min-width:40px;padding:4px 10px;font-family:Consolas,Monaco,monospace;font-size:18px;font-weight:700}.web-payment-countdown.failed.svelte-1n46o8q{color:var(--color-error);border-color:var(--color-error-dark);background:#1a0a0a}