:root{--green: #FFF44F;--green-600: #8a7d00;--green-050: #fdf9dd;--on-acc: #1a1a1a;--bg: #FFFDF2;--surface: #ffffff;--text: #1A1A1A;--muted: #64748b;--border: #e2e8f0;--amber: #d97706;--red: #dc2626;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--radius: 16px;--nav-h: 64px;--header-h: 56px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text)}:root[data-theme=dark]{--green: #FFF44F;--green-600: #FFF44F;--green-050: #33300b;--bg: #121212;--surface: #1d1d1d;--text: #FFFDF2;--muted: #a3a39a;--border: #333330;--amber: #fbbf24;--red: #f87171;--shadow: 0 1px 3px rgba(0, 0, 0, .55)}:root[data-theme=dark] .test-banner{background:#2b2308;color:#fde68a;border-bottom-color:#4a3d10}:root[data-theme=dark] .install-banner{border-bottom-color:#4d4708}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg)}html,body{touch-action:pan-x pan-y;overscroll-behavior:none;-webkit-text-size-adjust:100%}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,select,.selectable{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}a{color:inherit;text-decoration:none}button{font-family:inherit}.app{display:flex;flex-direction:column;min-height:100dvh;max-width:480px;margin:0 auto;background:var(--bg);position:relative}.app-header{height:var(--header-h);display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.app-header .brand{font-weight:700;font-size:17px}.app-header .brand span{color:var(--green);-webkit-text-stroke:1.1px #1a1a1a}.app-header .spacer{flex:1}.lang-select{border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:12px;font-weight:700;padding:5px 8px;border-radius:10px;cursor:pointer;max-width:130px}.install-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--green-050);border-bottom:1px solid #ece38f}.install-banner .ico{font-size:18px}.install-banner .txt{flex:1;font-size:13px;color:var(--green-600);line-height:1.3}.install-banner .inst{border:0;background:var(--green);color:var(--on-acc);font-weight:700;font-size:13px;padding:7px 12px;border-radius:10px;cursor:pointer}.install-banner .x{border:0;background:transparent;color:var(--green-600);font-size:15px;cursor:pointer;padding:4px 6px}.test-banner{position:sticky;top:var(--header-h);z-index:9;background:#fef3c7;color:#92400e;border-bottom:1px solid #fde68a;font-size:12px;line-height:1.35;font-weight:600;padding:8px 16px;text-align:center}.app-main{flex:1;padding:16px;padding-bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom,0))}.app-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(var(--nav-h) + env(safe-area-inset-bottom,0));padding-bottom:env(safe-area-inset-bottom,0);display:flex;background:var(--surface);border-top:1px solid var(--border);z-index:10}.app-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:var(--muted)}.app-nav a.active{color:var(--text);font-weight:700}.app-nav a .ico{font-size:20px;line-height:1;padding:2px 12px;border-radius:12px}.app-nav a.active .ico{background:var(--green)}.card{display:block;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}a.card{transition:transform .08s ease}a.card:active{transform:scale(.985)}.card+.card{margin-top:12px}.card-row{display:flex;align-items:center;gap:12px}.card h3{margin:0 0 4px;font-size:16px}.card .sub{color:var(--muted);font-size:13px}.conn-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}.conn-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:4px 10px}.conn-chip svg{color:var(--green-600);flex-shrink:0}.socket-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--border)}.socket-row:first-child{border-top:0;padding-top:0}.socket-row .conn-chip{flex:1;min-width:0;justify-content:flex-start;padding:9px 12px;border-radius:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.socket-row .socket-btn,.socket-row .socket-btn.btn{width:auto;padding:11px 16px;font-size:14px;flex-shrink:0}.conn-price{font-size:13px;font-weight:700;color:var(--green-600)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}.badge .dot{width:8px;height:8px;border-radius:50%}.badge.ok{background:var(--green-050);color:var(--green-600)}.badge.ok .dot{background:var(--green)}.badge.off{background:#f3f1e6;color:var(--muted)}.badge.off .dot{background:#94a3b8}.badge.warn{background:#fffbeb;color:var(--amber)}.badge.warn .dot{background:var(--amber)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border:0;border-radius:14px;background:var(--green);color:var(--on-acc);font-size:15px;font-weight:700;cursor:pointer}.btn:active{background:#efe43c}.btn:disabled{opacity:.55;cursor:default}.btn.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn.danger{background:var(--red);color:#fff}.section-title{font-size:13px;font-weight:600;color:var(--muted);margin:4px 2px 10px;text-transform:uppercase;letter-spacing:.04em}.muted{color:var(--muted)}.center{text-align:center}.stack>*+*{margin-top:12px}.spinner{width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-wrap{display:flex;justify-content:center;padding:40px}.empty{text-align:center;color:var(--muted);padding:40px 16px}.empty .big{font-size:40px;margin-bottom:8px}.metric{text-align:center}.metric .v{font-size:28px;font-weight:700}.metric .l{font-size:12px;color:var(--muted)}.metrics{display:flex;justify-content:space-around}.search-bar{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:6px 8px 6px 12px;box-shadow:var(--shadow);margin-bottom:12px}.search-bar .ico{font-size:16px}.search-input{flex:1;border:0;outline:none;font-size:15px;background:transparent;min-width:0;color:var(--text)}.search-input::placeholder{color:var(--muted);opacity:1}.search-btn{border:0;background:var(--green);color:var(--on-acc);font-weight:600;font-size:14px;padding:8px 14px;border-radius:10px;cursor:pointer}.search-btn:disabled{opacity:.5;cursor:default}.search-wrap{position:relative;margin-bottom:12px}.search-wrap .search-bar{margin-bottom:0}.gps-btn{border:1px solid var(--border);background:var(--surface);color:var(--green-600);width:36px;height:36px;border-radius:10px;font-size:18px;line-height:1;cursor:pointer;flex-shrink:0}.gps-btn:active{background:var(--green-050)}.ac-list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0000001f;overflow:hidden;z-index:20}.ac-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:transparent;padding:11px 12px;font-size:14px;cursor:pointer;border-bottom:1px solid var(--border)}.ac-item:last-child{border-bottom:0}.ac-item:active{background:var(--bg)}.ac-ico{font-size:13px}.ac-text{flex:1;color:var(--text)}.search-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.search-row .search-wrap,.search-row .search-bar{margin-bottom:0}.qr-btn{border:1px solid var(--border);background:var(--surface);color:var(--green-600);width:48px;height:48px;border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);flex-shrink:0}.qr-btn:active{background:var(--green-050)}.qr-btn{position:relative}.qr-btn.flt-on{border-color:var(--green-600)}.flt-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--green-600)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chipbtn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:8px 12px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.chipbtn.on{background:var(--green-050);border-color:var(--green-600);color:var(--green-600);font-weight:600}body.map-view{overflow:hidden}body.map-view .app{height:100dvh}body.map-view .app-main{display:flex;flex-direction:column;overflow:hidden;min-height:0}body.map-view .search-row,body.map-view .seg{flex-shrink:0}.gm-style-iw-chr{position:absolute;top:0;right:0;height:auto!important}.gm-style-iw-c{padding-top:14px!important}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.cards-grid{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:700px){.app,.app-nav{max-width:760px}.cards-grid{grid-template-columns:1fr 1fr}.cards-grid>.card{margin:0}}@media(min-width:1100px){.app,.app-nav{max-width:980px}.cards-grid{grid-template-columns:1fr 1fr 1fr}}.map-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.map-bg>div{height:100%!important;min-height:0!important;flex:none!important;border-radius:0!important;box-shadow:none!important}.over-map{position:fixed;top:calc(env(safe-area-inset-top,0px) + 16px);left:50%;transform:translate(-50%);width:min(100vw - 32px,448px);z-index:5;display:flex;flex-direction:column}@media(min-width:700px){.over-map{width:min(100vw - 32px,728px)}}@media(min-width:1100px){.over-map{width:min(100vw - 32px,948px)}}.over-map .seg,.over-map .search-bar{box-shadow:var(--shadow)}.over-map .seg,.stations-controls .seg{margin-bottom:12px}.over-map .test-banner-card,.stations-controls .test-banner-card{margin:0 0 12px}.over-map .install-banner,.stations-controls .install-banner{border:1px solid #bbf7d0;border-radius:12px;box-shadow:var(--shadow);margin:0 0 12px}:root[data-theme=dark] .over-map .install-banner,:root[data-theme=dark] .stations-controls .install-banner{border-color:#4d4708}.test-banner-card{background:#fef3c7;color:#92400e;border:1px solid #fde68a;border-radius:12px;font-size:11px;line-height:1.35;font-weight:600;padding:7px 10px;text-align:center;margin:8px 0 10px;box-shadow:var(--shadow)}:root[data-theme=dark] .test-banner-card{background:#2b2308;color:#fde68a;border-color:#4a3d10}.nav-btn{border:0;background:#000bb0;color:#fff;font-weight:700;font-size:14px;padding:10px 14px;border-radius:12px;cursor:pointer;flex-shrink:0}.nav-btn:active{opacity:.85}.socket-row .socket-btn.busy{background:var(--border);color:var(--muted);cursor:not-allowed;opacity:1}.switch{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0}.switch input{display:none}.switch .sl{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:999px;cursor:pointer;transition:background .15s}.switch .sl:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 2px #00000040}.switch input:checked+.sl{background:var(--green)}.switch input:checked+.sl:after{transform:translate(18px)}.switch.off .sl{opacity:.45;cursor:not-allowed}.soon-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--amber);border:1px solid var(--amber);border-radius:999px;padding:1px 7px;margin-left:6px;vertical-align:middle}.del-link{background:none;border:0;color:var(--red);font-size:13px;cursor:pointer;text-decoration:underline;padding:6px}.qr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;padding:14px 16px;z-index:2;background:linear-gradient(rgba(0,0,0,.6),transparent)}.qr-title{flex:1;color:#fff;font-weight:600;font-size:15px}.qr-close{border:0;background:#fff3;color:#fff;width:34px;height:34px;border-radius:50%;font-size:16px;cursor:pointer}.qr-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.qr-frame{position:relative;width:min(64vw,300px);aspect-ratio:1;border:3px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:0 0 0 100vmax #00000073;z-index:1}.qr-hint{position:absolute;bottom:48px;left:16px;right:16px;text-align:center;color:#fff;font-size:14px;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.8)}.qr-error{color:#fff;padding:24px;text-align:center}.star-btn{border:0;background:transparent;font-size:24px;line-height:1;color:var(--muted);cursor:pointer;padding:2px 6px}.star-btn.on{color:#f59e0b}.pm-link{border:0;background:transparent;color:var(--green-600);font-size:13px;font-weight:600;cursor:pointer;padding:4px 6px}.pm-link.danger{color:var(--red);font-size:15px}.save-card-row{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text)}.save-card-row input{width:18px;height:18px;accent-color:var(--green)}.seg{display:flex;background:#e9edf2;border-radius:12px;padding:3px;margin-bottom:14px}:root[data-theme=dark] .seg{background:#262624}.seg button{flex:1;border:0;background:transparent;padding:8px;border-radius:9px;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}:root[data-theme=dark] .seg button.on{background:#3a3a36;box-shadow:none}.input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;font-size:15px;background:var(--bg);color:var(--text)}.input:focus{outline:none;border-color:var(--green);background:var(--surface)}.input::placeholder{color:var(--muted);opacity:1}.radio-btn{border:0;background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;padding:0 2px;width:26px}.radio-btn.on{color:var(--green)}.form-error{background:#fef2f2;color:var(--red);border-radius:10px;padding:8px 12px;font-size:13px}.form-ok{background:var(--green-050);color:var(--green-600);border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.4}.auth-page{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:24px 16px calc(24px + env(safe-area-inset-bottom,0))}.auth-brand{text-align:center;font-weight:700;font-size:20px}.auth-brand span{color:var(--green);-webkit-text-stroke:1.3px #1a1a1a}.auth-logo{display:block;width:132px;height:132px;border-radius:28px;margin:0 auto;box-shadow:var(--shadow)}.auth-link{display:block;color:var(--green-600);font-size:14px;font-weight:600}.auth-link.center{text-align:center}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:flex-end;justify-content:center;z-index:100}.sheet{width:100%;max-width:480px;background:var(--surface);border-radius:20px 20px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0));max-height:88dvh;overflow-y:auto;animation:sheet-up .22s ease}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.search-bar{height:48px;min-height:48px}.chip-x{border:0;background:transparent;color:var(--red);font-size:13px;font-weight:700;cursor:pointer;padding:2px 4px;margin-left:2px}.app-nav a.live{color:var(--on-acc);background:var(--green);border-radius:14px;margin:6px 4px;animation:live-pulse 2s ease-in-out infinite}.app-nav a.live.active{color:var(--on-acc)}.app-nav a.live .ico,.app-nav a.live.active .ico{background:transparent}@keyframes live-pulse{0%,to{box-shadow:0 0 #ebe03c99}50%{box-shadow:0 0 0 7px #ebe03c00}}.plug-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;margin-top:14vh;animation:plug-fade .4s ease}.plug-cta img{width:128px;height:128px;border-radius:26px;box-shadow:var(--shadow)}.plug-cta .txt{font-size:24px;font-weight:800;letter-spacing:.01em}@keyframes plug-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}