:root{--bg-color:#f5f5f5;--bg-surface:#f5f5f5;--bg-overlay:#0009;--bg-panel-capture:#fff9c4;--text-primary:#000;--text-secondary:#333;--text-muted:#666;--border-color:var(--text-primary);--border-width:8px;--border-width-thin:2px;--border-radius-ui:0px;--border-radius-soft:4px;--border-radius-panel:0px;--safety-yellow:#ffdf00;--safety-yellow-bg:#fff9c4;--success-green:#00e600;--error-color:#f33;--warning-color:#fa0;--ui-anim-speed:.25s;--ui-anim-easing:cubic-bezier(.16, 1, .3, 1);--ui-shadow-industrial:4px 4px 0px #000;--ui-shadow-active:2px 2px 0px #000;--header-bg:#333;--header-text:#fff;--footer-bg:#000;--footer-text:#fff;--footer-border:#333;--menu-bg:#111;--menu-text:#ccc;--menu-border:#222;--item-bg:#fff;--item-bg-measured:#f0f0f0;--item-border:#000;--input-bg:transparent;--input-text:#000;--row-height:65px;--touch-min:48px;--capture-name-size:3.6rem;--capture-name-weight:900;--capture-addr-size:1.8rem;--photo-placeholder-size:3rem;--reading-input-bg:#fff;--reading-input-size:5rem;--separator-bg:#e0e0e0;--separator-text:#555;--separator-size:1.6rem;--font-size-xl:2.1rem;--font-size-lg:1.68rem;--font-size-md:1.4rem;--font-size-sm:1.1rem;--font-family-primary:"Courier New", monospace;--font-family-secondary:"Arial Black", "Helvetica Neue", sans-serif}[data-theme=dark]{--bg-color:#121212;--bg-surface:#1e1e1e;--bg-overlay:#000c;--bg-panel-capture:#1a1600;--text-primary:#f0f0f0;--text-secondary:#ccc;--text-muted:#888;--border-color:var(--safety-yellow);--ui-shadow-industrial:4px 4px 0px #ffdf0066;--ui-shadow-active:2px 2px 0px #ffdf0066;--safety-yellow:#ffdf00;--safety-yellow-bg:#2a2200;--success-green:#00e600;--header-bg:#333;--header-text:#ffdf00;--footer-bg:#000;--footer-text:#ccc;--footer-border:#ffdf00;--menu-bg:#0a0a0a;--menu-text:#ffdf00;--menu-border:#ffdf00;--item-bg:#1e1e1e;--item-bg-measured:#111;--item-border:#ffdf00;--input-bg:transparent;--input-text:#f0f0f0}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);height:100%;font-family:var(--font-family-secondary);color:var(--text-primary);font-weight:900;transition:background-color .25s,color .25s;overflow:hidden}#app{flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.btn-ui-action{background:var(--safety-yellow);color:var(--text-primary);border:var(--border-width) solid var(--border-color);cursor:pointer;transition:background var(--ui-anim-speed) var(--ui-anim-easing), transform var(--ui-anim-speed) var(--ui-anim-easing);min-width:var(--touch-min);min-height:var(--touch-min);justify-content:center;align-items:center;font-weight:900;display:flex}.btn-ui-action:active{box-shadow:var(--ui-shadow-active);transform:scale(.95)}.panel-transition{transition:transform var(--ui-anim-speed) var(--ui-anim-easing)}#toast{z-index:9999;border-bottom:var(--border-width) solid var(--border-color);width:100%;min-height:100px;transition:transform var(--ui-anim-speed) var(--ui-anim-easing);grid-template-columns:80px 1fr;display:grid;position:fixed;top:-200px;left:0}#toast.show{transform:translateY(200px)}#toast.success{background:var(--success-green);color:var(--text-primary)}#toast.error{background:var(--error-color);color:var(--bg-color)}#toast.warning{background:var(--safety-yellow);color:var(--text-primary)}#toast.info{color:var(--bg-color);background:#1565c0}#toast-close-btn{background:var(--text-primary);color:var(--bg-color);cursor:pointer;min-height:var(--touch-min);border:none;font-size:2rem}.backdrop{z-index:2500;background:#0009;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#backdrop{z-index:2500}#backdrop-details{z-index:3500}.header-grid{height:var(--row-height);background:var(--header-bg);color:var(--header-text);border-bottom:var(--border-width) solid var(--border-color);flex-shrink:0;grid-template-columns:repeat(4,1fr);display:grid}.btn-header-action{color:var(--header-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.2rem;display:flex}.btn-header-action:active{background:#ffffff1a}.header-cell{border-right:var(--border-width) solid var(--border-color);justify-content:center;align-items:center;display:flex}.header-cell:last-child{border-right:none!important}.header-cell:has(#network-status){border-right:none}#network-status{width:100%;height:100%;font-size:var(--font-size-lg);letter-spacing:1px;white-space:nowrap;justify-content:center;align-items:center;line-height:1;display:flex}#network-status.online{background:var(--success-green);color:var(--text-primary)}#network-status.offline{background:var(--safety-yellow);color:var(--text-primary)}.search-row{grid-template-columns:1fr var(--row-height);height:var(--row-height);border-bottom:var(--border-width) solid var(--border-color);flex-shrink:0;display:grid}#meter-search{background:var(--bg-color);width:100%;height:100%;color:var(--text-primary);transition:background var(--ui-anim-speed) var(--ui-anim-easing), color var(--ui-anim-speed) var(--ui-anim-easing);border:none;outline:none;padding:0 1rem;font-family:inherit;font-size:1.4rem;font-weight:900}#meter-search::placeholder{color:var(--text-muted)}#btn-clear-search{background:var(--safety-yellow);color:var(--text-primary);border:none;border-left:var(--border-width) solid var(--border-color);cursor:pointer;min-width:var(--touch-min);min-height:var(--touch-min);transition:background var(--ui-anim-speed) var(--ui-anim-easing);justify-content:center;align-items:center;font-size:1.8rem;font-weight:900;display:flex}.search-row{border-top:var(--border-width) solid var(--border-color);border-bottom:none}#btn-clear-search:active{background:var(--text-primary);color:var(--bg-color)}.meter-list{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;background:var(--bg-color);flex:1;position:relative;overflow-y:auto}.meter-item{border-bottom:var(--border-width) solid var(--item-border);background:var(--item-bg);grid-template-columns:2fr 2fr;gap:.5rem;min-height:90px;padding:1rem;transition:background .25s;display:grid;position:relative}.meter-item.measured{opacity:.45;filter:grayscale();background:var(--item-bg-measured)}.meter-separator{background:var(--separator-bg);border-bottom:var(--border-width) solid var(--border-color);font-size:var(--separator-size);color:var(--separator-text);text-transform:uppercase;letter-spacing:1px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:900;display:flex}.sep-tri{font-size:calc(var(--separator-size) * .7);color:var(--separator-text)}.last-name{text-transform:uppercase;color:var(--text-primary);font-size:1.6rem;font-weight:900;line-height:1}.first-name{color:var(--text-secondary);text-transform:capitalize;margin-top:4px;font-size:1.3rem;font-weight:800}.address-flow{-webkit-line-clamp:2;word-break:break-word;color:var(--text-secondary);-webkit-box-orient:vertical;font-size:1.2rem;font-weight:900;line-height:1.1;display:-webkit-box;overflow:hidden}#capture-overlay{background:var(--bg-panel-capture);border-bottom:var(--border-width) solid var(--border-color);z-index:3000;width:100%;height:70dvh;max-height:70dvh;transition:transform var(--ui-anim-speed) var(--ui-anim-easing), visibility 0s linear var(--ui-anim-speed);visibility:hidden;pointer-events:none;flex-direction:column;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden;transform:translateY(-100%)}#capture-overlay.open{visibility:visible;pointer-events:auto;transition:transform var(--ui-anim-speed) var(--ui-anim-easing), visibility 0s;transform:translateY(0)}.capture-header{border-bottom:var(--border-width) solid var(--border-color);background:var(--bg-panel-capture);padding:1.5rem}.cap-full-name .last-name{font-size:var(--capture-name-size);font-weight:var(--capture-name-weight);color:var(--text-primary);line-height:.9}.first-name-cap{font-size:calc(var(--capture-name-size) * .55);color:var(--text-secondary);text-transform:capitalize;margin-top:.25rem;font-weight:800;line-height:1}.cap-addr-box{font-size:var(--capture-addr-size);opacity:.8;color:var(--text-primary);margin-top:.5rem;font-weight:900;line-height:.9}.photo-area{background:var(--bg-surface);border-bottom:var(--border-width) solid var(--border-color);justify-content:center;align-items:center;width:100%;min-height:140px;max-height:28dvh;display:flex;position:relative;overflow:hidden}.photo-cell{background:var(--bg-surface);border-bottom:var(--border-width) solid var(--border-color);flex:1;justify-content:center;align-items:center;min-height:140px;display:flex;position:relative;overflow:hidden}.observations-overlay{grid-template-columns:1fr var(--row-height);border-top:var(--border-width) solid var(--border-color);display:none;position:absolute;bottom:0;left:0;right:0}.observations-overlay.has-observation{display:grid}.btn-clear-obs-inline{background:var(--safety-yellow);color:var(--text-primary);border:none;border-left:var(--border-width) solid var(--border-color);cursor:pointer;min-height:var(--touch-min);justify-content:center;align-items:center;font-size:1.4rem;font-weight:900;display:flex}.btn-clear-obs-inline:active{background:var(--text-primary);color:var(--bg-color)}#selected-observation{background:var(--safety-yellow-bg);font-weight:900;font-size:var(--font-size-sm);color:var(--text-primary);text-align:center;justify-content:center;align-items:center;padding:.5rem 1rem;display:flex}#photo-preview{object-fit:cover;cursor:pointer;width:100%;height:100%;display:none}#camera-input{display:none}.photo-retry-msg{color:var(--bg-color);pointer-events:none;background:#000000b8;border-radius:4px;padding:4px 10px;font-size:.7rem;position:absolute;bottom:10px}#photo-placeholder{color:var(--text-muted);font-size:var(--photo-placeholder-size);font-weight:900}#reading-section{background:var(--reading-input-bg);border-bottom:var(--border-width) solid var(--border-color);padding:.5rem 1.5rem}.reading-input-row{align-items:baseline;gap:.4rem;display:flex}#reading-input{background:var(--reading-input-bg);min-width:0;font-size:var(--reading-input-size);text-align:right;color:var(--input-text);border:none;outline:none;flex:1;font-family:inherit;font-weight:900}.kwh-badge{opacity:.55;white-space:nowrap;color:var(--text-primary);padding-bottom:.4rem;font-size:2.2rem;font-weight:900}.action-grid{border-bottom:var(--border-width) solid var(--border-color);background:var(--bg-panel-capture);grid-template-columns:1fr 2fr;display:grid}.action-grid-row2{border-bottom:none}.btn-primary{background:var(--safety-yellow);color:var(--text-primary)}.btn-success{background:var(--success-green);color:var(--text-primary)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary)}.btn-danger{background:var(--error-color);color:var(--bg-color)}.btn-obs{background:var(--bg-surface);color:var(--text-primary)}.action-grid button{text-transform:uppercase;cursor:pointer;height:85px;min-height:var(--touch-min);transition:background var(--ui-anim-speed) var(--ui-anim-easing), transform var(--ui-anim-speed) var(--ui-anim-easing);border:none;font-family:inherit;font-size:1.56rem;font-weight:900}.action-grid button:active{transform:scale(.98)}.action-grid button:not(:last-child){border-right:var(--border-width) solid var(--border-color)}#details-modal{background:var(--bg-color);border-bottom:var(--border-width) solid var(--border-color);z-index:4000;width:100%;height:70dvh;transition:transform var(--ui-anim-speed) var(--ui-anim-easing);flex-direction:column;display:flex;position:fixed;top:-100dvh;left:0}#details-modal.show{transform:translateY(100dvh)}#details-modal .capture-header{background:var(--bg-color)}#details-reading-section{background:var(--bg-color);flex:1;padding:.5rem 1.5rem}#det-value{text-align:right;color:var(--text-primary);font-size:5rem;font-weight:900;line-height:1}#det-time{text-align:right;color:var(--text-muted);margin-top:.2rem;font-size:.9rem;font-weight:900}#btn-close-details{background:var(--bg-surface);color:var(--text-primary)}.det-observation-row{background:var(--safety-yellow-bg);border-bottom:var(--border-width) solid var(--border-color);padding:.5rem 1.5rem}.det-observation-text{font-weight:900;font-size:var(--font-size-sm);color:var(--text-primary);text-align:center}.action-grid-details{border-top:var(--border-width) solid var(--border-color);border-bottom:none}.meter-name-cell{flex-direction:column;justify-content:center;min-width:0;display:flex}.meter-addr-cell{align-items:center;min-width:0;display:flex}.footer-status{height:var(--row-height);background:var(--footer-bg);color:var(--footer-text);flex-shrink:0;grid-template-columns:1fr 1fr 1fr 1fr 1fr;align-items:center;display:grid}.footer-cell{border-right:var(--border-width-thin) solid var(--footer-border);letter-spacing:1px;align-items:center;height:100%;padding:0 1rem;font-size:.75rem;display:flex}#side-menu{background:var(--menu-bg);width:252px;height:100%;color:var(--menu-text);z-index:4000;transition:transform var(--ui-anim-speed) var(--ui-anim-easing), background var(--ui-anim-speed) var(--ui-anim-easing);border-right:var(--border-width) solid var(--border-color);flex-direction:column;display:flex;position:fixed;top:0;left:-252px}#side-menu.show{transform:translate(252px)}.menu-header{border-bottom:var(--border-width) solid var(--border-color);min-height:var(--row-height);background:var(--header-bg);color:var(--header-text);justify-content:center;align-items:center;padding:1rem;display:flex}.menu-item{min-height:90px;color:var(--menu-text);border-bottom:4px solid var(--menu-border);grid-template-columns:80px 1fr;align-items:center;font-weight:900;text-decoration:none;transition:background .15s;display:grid}.menu-item:active,.menu-item:hover{background:#ffdf0014}.menu-item span{font-size:1.5rem}.menu-icon-svg{width:36px;height:36px;fill:var(--menu-text);margin:auto}.menu-operator{border-top:var(--border-width) solid var(--menu-border);color:var(--menu-text);text-align:center;background:var(--header-bg);margin-top:auto;padding:1rem;font-size:1rem;font-weight:900}.menu-item-toggle{min-height:90px;color:var(--menu-text);border-bottom:4px solid var(--menu-border);cursor:pointer;user-select:none;grid-template-columns:80px 1fr auto;align-items:center;padding-right:1rem;font-weight:900;transition:background .15s;display:grid}.menu-item-toggle:active,.menu-item-toggle:hover{background:#ffdf0014}.theme-switch{flex-shrink:0;width:52px;height:28px;position:relative}.theme-switch input{opacity:0;width:0;height:0;position:absolute}.theme-slider{border:2px solid var(--menu-border);cursor:pointer;background:#444;border-radius:28px;transition:background .25s;position:absolute;inset:0}.theme-slider:before{content:"";background:#ccc;border-radius:50%;width:20px;height:20px;transition:transform .25s,background .25s;position:absolute;top:2px;left:2px}.theme-switch input:checked+.theme-slider{background:var(--safety-yellow)}.theme-switch input:checked+.theme-slider:before{background:var(--text-primary);transform:translate(24px)}#sync-panel{background:var(--bg-surface);z-index:3000;flex-direction:column;width:100%;height:auto;max-height:85dvh;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:0;left:0;transform:translateY(100%)}#sync-panel.open{transform:translateY(0)}.sync-header{min-height:var(--row-height);border-bottom:var(--border-width) solid var(--border-color);background:var(--bg-color);grid-template-columns:1fr 1fr 1fr;align-items:center;display:grid}.sync-title{font-size:var(--font-size-md);color:var(--text-primary);letter-spacing:1px;padding:0 1rem;font-weight:900}.sync-header .sync-net-status{width:100%;height:100%;font-size:var(--font-size-lg);letter-spacing:1px;white-space:nowrap;justify-content:center;justify-self:stretch;align-items:center;margin-right:0;line-height:1;display:flex}.sync-net-status.online{background:var(--success-green);color:var(--text-primary)}.sync-net-status.offline{background:var(--safety-yellow);color:var(--text-primary)}.sync-status{border-radius:var(--border-radius-ui);text-transform:uppercase;padding:.4rem .8rem;font-size:.9rem;font-weight:900}.sync-status.online{background:var(--success-green);color:var(--text-primary)}.sync-status.offline{background:var(--error-color);color:var(--bg-color)}.sync-stats{background:var(--bg-surface);flex:1;padding:1.5rem;overflow-y:auto}.sync-stat-row{border-bottom:var(--border-width-thin) solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.sync-stat-label{color:var(--text-secondary);font-size:1.65rem;font-weight:700}.sync-stat-value{color:var(--text-primary);font-size:2.1rem;font-weight:900}.sync-actions{border-top:var(--border-width) solid var(--border-color);background:var(--bg-color);grid-template-columns:2fr 1fr;display:grid}.sync-actions button{text-transform:uppercase;cursor:pointer;height:85px;min-height:var(--touch-min);border:none;font-family:inherit;font-size:1.56rem;font-weight:900;transition:opacity .2s}.sync-actions button:not(:last-child){border-right:var(--border-width) solid var(--border-color)}.sync-btn-primary{background:var(--safety-yellow);color:var(--text-primary)}.sync-btn-primary:disabled{opacity:.5;cursor:not-allowed}.sync-btn-secondary{background:var(--bg-surface);color:var(--text-primary)}#sync-error-indicator{background:var(--error-color);color:var(--bg-color);text-align:center;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.9rem;font-weight:900;display:flex;position:absolute;bottom:95px;left:0;right:0}.sync-error-hidden{display:none!important}.sync-error-icon{font-size:1.2rem}#backdrop-sync{z-index:2500}#count-synced{transition:background-color .25s,color .25s}.observations-btn{background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);cursor:pointer;text-transform:uppercase;width:100%;color:var(--text-primary);padding:.75rem;font-family:inherit;font-size:1rem;font-weight:900}.observations-btn:hover{background:var(--safety-yellow)}#observations-panel{background:var(--bg-surface);z-index:3000;flex-direction:column;width:100%;height:auto;max-height:85dvh;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:0;left:0;transform:translateY(100%)}#observations-panel.open{transform:translateY(0)}.obs-header{border-bottom:var(--border-width) solid var(--border-color);background:var(--bg-color);padding:1.5rem}.obs-title{color:var(--text-primary);letter-spacing:1px;text-align:center;font-size:1.4rem;font-weight:900}.obs-options{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:.5rem;padding:1rem;display:grid;overflow-y:auto}.obs-option-btn{background:var(--bg-color);border:var(--border-width-thin) solid var(--border-color);cursor:pointer;text-transform:uppercase;color:var(--text-primary);min-height:60px;padding:1rem .5rem;font-family:inherit;font-size:.9rem;font-weight:900}.obs-option-btn:hover,.obs-option-btn.selected{background:var(--safety-yellow);color:var(--text-primary)}.obs-other-btn{grid-column:span 2}.obs-actions{border-top:var(--border-width) solid var(--border-color);background:var(--bg-color);grid-template-columns:2fr 1fr 1fr;display:grid}.obs-actions button{text-transform:uppercase;cursor:pointer;height:70px;min-height:var(--touch-min);border:none;font-family:inherit;font-size:1.43rem;font-weight:900}.obs-actions button:not(:last-child){border-right:var(--border-width) solid var(--border-color)}.obs-btn-primary{background:var(--success-green);color:var(--text-primary)}.obs-btn-secondary{background:var(--bg-surface);color:var(--text-primary)}#backdrop-obs{z-index:2500}