*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #020b18;--bg-panel: #020f1f;--bg-elevated: #0a1628;--border-dim: #0f2a42;--border-mid: #0f3460;--border-bright: #1e3a5f;--text-bright: #f0f9ff;--text-mid: #94a3b8;--text-dim: #475569;--text-muted: #334155;--accent-cyan: #22d3ee;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-orange: #f97316;--accent-red: #ef4444;--accent-yellow: #eab308}html,body,#root{height:100%;width:100%;overflow:hidden}body{background:var(--bg-base);color:var(--text-mid);font-family:Courier New,Consolas,monospace;-webkit-font-smoothing:antialiased}.mapboxgl-ctrl-logo,.mapboxgl-ctrl-attrib{opacity:.4!important}.mapboxgl-popup-content{background:var(--bg-panel)!important;border:1px solid var(--border-mid)!important;border-radius:6px!important;padding:0!important;box-shadow:0 8px 32px #0009!important;color:var(--text-mid)!important;font-family:Courier New,monospace!important}.mapboxgl-popup-tip{border-top-color:var(--border-mid)!important;border-bottom-color:var(--border-mid)!important}.mapboxgl-ctrl-group{background:var(--bg-panel)!important;border:1px solid var(--border-dim)!important}.mapboxgl-ctrl-group button{background:var(--bg-panel)!important;color:var(--text-mid)!important}.mapboxgl-ctrl-group button:hover{background:var(--bg-elevated)!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 6px currentColor}50%{opacity:.4;box-shadow:0 0 2px currentColor}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in .2s ease forwards}.m-show-mobile,.m-mobile-only{display:none!important}@media (max-width: 768px){.m-hide-mobile{display:none!important}.m-show-mobile{display:flex!important}.m-desktop-only{display:none!important}.m-mobile-only{display:flex!important}.m-mobile-block{display:block!important}html,body,#root{overflow:auto;height:auto;min-height:100vh;-webkit-overflow-scrolling:touch}body{font-size:13px}body,#root{overflow-x:hidden;max-width:100vw}button,input,select,textarea,a{min-height:40px}.login-page{padding:16px!important;min-height:100vh}.login-logo-wrap{margin-bottom:28px!important}.login-logo-wrap svg{width:240px!important;height:90px!important}.login-subtitle{font-size:11px!important;letter-spacing:4px!important}.login-card{width:100%!important;max-width:100%!important;padding:28px 20px!important;border-radius:12px!important}.login-card input{font-size:16px!important;padding:14px!important;min-height:48px}.login-card button{font-size:13px!important;padding:14px!important;min-height:48px}.login-demo-box{padding:10px 14px!important}.login-footer{margin-top:24px!important}.home-page{overflow:hidden!important;height:100vh!important;display:flex!important;flex-direction:column!important}.home-header{flex-wrap:wrap!important;height:auto!important;padding:10px 14px!important;gap:8px!important}.home-header-title{font-size:14px!important;letter-spacing:2px!important}.home-header-subtitle{font-size:9px!important}.home-header-right{margin-left:auto!important}.home-module-grid{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;gap:10px!important;padding:12px 14px 16px!important;grid-template-columns:none!important;grid-template-rows:none!important;width:100%!important;flex:1 1 auto!important}.home-module-card{width:100%!important;min-width:100%!important;max-width:100%!important;flex-shrink:0!important;height:auto!important;min-height:auto!important;padding:18px 16px!important;border-radius:12px!important}.home-module-card .mod-header{flex-direction:row!important;align-items:center!important;gap:14px!important;padding-right:0!important;padding-left:0!important;margin-bottom:0!important}.home-module-card .mod-icon{font-size:44px!important;flex-shrink:0!important}.home-module-card .mod-name{font-size:19px!important;text-align:left!important;flex:1!important}.home-module-card>div[style*="height:1"]{display:none!important}.home-module-card .mod-lines,.home-module-card .mod-line-row,.home-module-card .mod-line-text,.home-center-title{display:none!important}.home-alert-strip{font-size:11px!important;padding:6px 14px!important;flex-wrap:wrap!important}.vault-modal{width:95vw!important;max-width:95vw!important;height:85vh!important;padding:16px!important}.vault-grid{grid-template-columns:1fr!important}.module-layout{flex-direction:column!important;height:auto!important;min-height:100vh!important}.module-sidebar{display:none!important}.module-bottom-nav{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:1000!important;background:#0b0f1e!important;border-top:1px solid #1a2340!important;justify-content:space-around!important;padding:4px 0 env(safe-area-inset-bottom,4px)!important;gap:0!important}.module-bottom-nav button,.module-bottom-nav .bnav-item{flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:none!important;border:none!important;color:#8faabf!important;font-family:Courier New,monospace!important;font-size:9px!important;padding:6px 2px!important;cursor:pointer!important;min-height:50px!important;gap:2px!important}.module-bottom-nav .bnav-item.active{color:#00e5ff!important}.module-bottom-nav .bnav-icon{font-size:18px!important;line-height:1!important}.module-bottom-nav .bnav-label{font-size:8px!important;letter-spacing:.5px!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:60px!important}.module-main{padding-bottom:60px!important;flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;width:100%!important}.module-topbar{height:auto!important;min-height:44px!important;padding:8px 12px!important;gap:8px!important;flex-wrap:wrap!important}.module-topbar .back-btn{min-width:44px!important;min-height:44px!important;padding:8px!important;font-size:11px!important}.module-topbar .title{font-size:14px!important}.stat-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;flex-wrap:wrap!important}.stat-row>div,.stat-card{min-width:0!important;flex:none!important;padding:10px 12px!important}.stat-card .stat-value{font-size:24px!important}.stat-card .stat-label{font-size:10px!important}.data-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.data-table{min-width:600px!important}.card-stack{display:flex!important;flex-direction:column!important;gap:8px!important}.card-stack-item{background:#0d1321!important;border:1px solid #1a2340!important;border-radius:8px!important;padding:12px!important}.form-grid{grid-template-columns:1fr!important;gap:10px!important}.form-grid-2,.form-grid-3{grid-template-columns:1fr!important}.modal-overlay{padding:8px!important;align-items:flex-start!important}.modal-content{width:100%!important;max-width:100%!important;max-height:90vh!important;border-radius:10px!important}.billing-page{flex-direction:column!important;height:auto!important;min-height:100vh!important}.billing-sidebar{display:none!important}.billing-main{padding:10px 10px 70px!important;width:100%!important;overflow-y:auto!important;overflow-x:hidden!important}.billing-stat-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.billing-stat-row>div{min-width:0!important;flex:none!important}.billing-search{font-size:14px!important;padding:12px 14px!important;min-height:48px!important}.billing-account-list{gap:6px!important}.billing-account-row{padding:12px!important;flex-direction:column!important;gap:6px!important}.billing-detail{padding:10px!important}.billing-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;gap:4px!important;-webkit-overflow-scrolling:touch!important}.billing-tabs button{white-space:nowrap!important;font-size:11px!important;padding:8px 12px!important;min-height:40px!important}.gl-page{flex-direction:column!important;height:auto!important;min-height:100vh!important}.gl-sidebar{display:none!important}.gl-main{padding:10px 10px 70px!important;overflow-y:auto!important;overflow-x:hidden!important;width:100%!important}.gl-stat-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.gl-filters{flex-direction:column!important;gap:6px!important}.gl-filters select,.gl-filters input{width:100%!important;min-height:44px!important;font-size:14px!important}.gl-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;margin:0 -10px!important;padding:0 10px!important}.gl-table-wrap table{min-width:700px!important}.ap-page{flex-direction:column!important;height:auto!important;min-height:100vh!important}.ap-sidebar{display:none!important}.ap-main{padding:10px 10px 70px!important;overflow-y:auto!important;overflow-x:hidden!important;width:100%!important}.ap-filters{flex-direction:column!important;gap:6px!important}.ap-filters button{flex:1!important;min-height:40px!important;font-size:12px!important;padding:8px 12px!important}.scada-page{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;min-height:100vh!important}.scada-topbar{padding:8px 12px!important;height:auto!important;min-height:44px!important}.scada-grid{grid-template-columns:1fr!important;gap:10px!important;padding:10px!important}.scada-well-card{padding:14px!important}.scada-knob-wrap svg{width:120px!important;height:auto!important}.scada-stat-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}.wo-page{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;min-height:100vh!important}.wo-topbar{padding:8px 12px!important;height:auto!important;min-height:44px!important;flex-wrap:wrap!important}.wo-controls{flex-direction:column!important;gap:6px!important;padding:8px 12px!important}.wo-controls input,.wo-controls select{width:100%!important;min-height:44px!important;font-size:14px!important}.wo-list{padding:8px 10px!important}.wo-card{padding:12px!important}.wo-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.wo-modal{width:100%!important;max-width:100%!important;max-height:92vh!important;margin:0!important;border-radius:10px 10px 0 0!important}.wo-wizard-grid{grid-template-columns:1fr!important}.gis-page{height:100vh!important;height:100dvh!important}.gis-topbar{padding:4px 8px!important;height:auto!important;min-height:40px!important;gap:4px!important;flex-wrap:wrap!important}.gis-sidebar{display:none!important}.gis-mobile-drawer{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:100!important;background:#010c18!important;border-top:1px solid #0f2a42!important;max-height:50vh!important;overflow-y:auto!important;flex-direction:column!important;padding:8px!important;-webkit-overflow-scrolling:touch!important;transition:transform .3s ease!important}.gis-mobile-drawer.collapsed{max-height:44px!important;overflow:hidden!important}.gis-mode-btns{flex-wrap:wrap!important;gap:2px!important}.gis-mode-btns button{font-size:8px!important;padding:4px 6px!important}.gis-attr-panel{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;width:100%!important;max-height:60vh!important;border-radius:12px 12px 0 0!important;z-index:200!important}.gis-coord-display{bottom:50px!important;font-size:8px!important}.assets-page{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;min-height:100vh!important;padding:10px!important}.assets-header{flex-direction:column!important;gap:8px!important;padding:8px 0!important}.assets-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;gap:4px!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important}.assets-tabs button{white-space:nowrap!important;font-size:11px!important;min-height:40px!important}.assets-search{width:100%!important;min-height:44px!important;font-size:14px!important}.assets-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.assets-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.vehicle-modal{width:100%!important;max-width:100%!important;max-height:92vh!important;border-radius:10px 10px 0 0!important}.vehicle-modal-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch!important}.vehicle-modal-tabs button{white-space:nowrap!important;font-size:10px!important}.gas-page{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;min-height:100vh!important;padding:10px!important}.gas-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;gap:4px!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important}.gas-tabs button{white-space:nowrap!important;font-size:11px!important;min-height:40px!important;flex-shrink:0!important}.gas-dashboard-grid{grid-template-columns:1fr!important;gap:10px!important}.gas-tank-gauges{flex-direction:column!important;gap:10px!important}.resident-page{padding:10px!important;overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;min-height:100vh!important}.resident-pay-btn{width:100%!important;font-size:16px!important;padding:16px!important;min-height:52px!important}.resident-grid{grid-template-columns:1fr!important}.julies-page{flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;min-height:100vh!important}.julies-sidebar{width:100%!important;max-height:none!important;border-right:none!important;border-bottom:1px solid #1a2340!important}.todo-page{padding:16px!important;overflow-y:auto!important;overflow-x:hidden!important}.todo-title{font-size:28px!important;letter-spacing:3px!important}.todo-stats{grid-template-columns:1fr 1fr!important;gap:8px!important}.todo-stats>div{min-width:0!important;padding:14px 16px!important}.todo-stats .stat-val{font-size:32px!important}.todo-controls{flex-direction:column!important;gap:8px!important}.todo-controls button{width:100%!important;min-height:44px!important}.todo-controls select,.todo-controls input{width:100%!important;min-width:0!important;min-height:44px!important;font-size:14px!important}.todo-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;margin:0 -16px!important;padding:0 16px!important}.todo-table-wrap table{min-width:500px!important}.todo-section-header{padding:12px 14px!important}.todo-section-title{font-size:14px!important;letter-spacing:1px!important}.conn-page{padding:16px!important}.conn-title{font-size:28px!important}.conn-grid{grid-template-columns:1fr!important}.conn-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.conn-table-wrap table{min-width:500px!important}.map-page{height:100vh!important;height:100dvh!important}.map-sidebar{display:none!important}.map-topbar{height:auto!important;min-height:40px!important;padding:4px 8px!important;gap:4px!important;flex-wrap:wrap!important}.maint-layout{flex-direction:column!important}.maint-rail{display:none!important}.maint-bottom-nav{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:1000!important;background:#0a0e1a!important;border-top:1px solid #1a2340!important;justify-content:space-around!important;padding:4px 0 env(safe-area-inset-bottom,4px)!important}.maint-bottom-nav>div,.maint-bottom-nav a,.maint-bottom-nav button{flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;background:none!important;border:none!important;color:#8faabf!important;font-size:18px!important;padding:6px 0!important;text-decoration:none!important;min-height:50px!important;justify-content:center!important;gap:2px!important}.maint-main{padding-bottom:60px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.maint-login-page{padding:16px!important}.maint-login-card{width:100%!important;max-width:100%!important;padding:20px!important}.maint-dashboard-header{flex-direction:column!important;gap:8px!important;padding:12px!important}.maint-stat-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.maint-stat-grid>button{grid-column:1 / -1!important}.maint-dashboard{padding:6px 12px 70px!important;height:auto!important;min-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important}.maint-dashboard-grid{grid-template-columns:1fr!important;gap:12px!important;overflow:visible!important}.maint-dashboard-grid>div{height:auto!important;max-height:none!important;overflow:visible!important}.maint-sub-page{padding:14px 12px 70px!important;overflow-y:auto!important;overflow-x:hidden!important}.maint-sub-page table{min-width:500px!important}.maint-sub-page .data-table-wrap,.maint-sub-page>div>div:has(>table){overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.placeholder-page{padding:20px 14px!important;overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;min-height:100vh!important}.placeholder-page h1{font-size:22px!important}.splash-wrap{padding:20px!important}.splash-wrap svg{max-width:240px!important}.splash-title{font-size:14px!important;letter-spacing:3px!important}.profile-modal{width:95vw!important;max-width:95vw!important;padding:16px!important}input,select,textarea{font-size:16px!important}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)!important}}@media (min-width: 769px) and (max-width: 1024px){.home-module-grid{grid-template-columns:repeat(3,1fr)!important}.stat-row{grid-template-columns:repeat(4,1fr)!important}}@media print{@page{margin:.5in;size:letter portrait}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}body{background:#fff!important;color:#000!important;font-family:Courier New,Courier,monospace;font-size:10pt;line-height:1.4}button,input[type=button],input[type=submit],input[type=reset],.no-print,nav,aside,.sidebar,.navigation,.nav-button,.action-button,.edit-button,.delete-button,.filter-controls,.search-bar{display:none!important}table{width:100%;border-collapse:collapse;page-break-inside:avoid;margin-bottom:20px}thead{display:table-header-group}tfoot{display:table-footer-group}tbody tr{page-break-inside:avoid;page-break-after:auto}th{background:#f0f0f0!important;color:#000!important;font-weight:700;padding:8px;border:1px solid #ccc;text-align:left}td{padding:6px;border:1px solid #ddd;color:#000!important;background:#fff!important}h1,h2,h3,h4,h5,h6{color:#000!important;page-break-after:avoid;margin-top:20px;margin-bottom:10px}h1{font-size:18pt;border-bottom:2px solid black;padding-bottom:8px}h2{font-size:14pt;border-bottom:1px solid #666;padding-bottom:6px}h3{font-size:12pt}a{color:#000!important;text-decoration:none}a[href]:after{content:" (" attr(href) ")";font-size:8pt;color:#666}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}.page-break{page-break-before:always}.avoid-break{page-break-inside:avoid}section{page-break-inside:avoid}.report-header{border-bottom:2px solid black;padding-bottom:10px;margin-bottom:15px;font-weight:700}.report-footer{border-top:1px solid #666;padding-top:10px;margin-top:15px;font-size:8pt;color:#666}.total-row{font-weight:700;border-top:2px solid black!important}.subtotal-row{font-weight:700;background:#f5f5f5!important}.grid{display:block!important}.grid>*{display:block!important;width:100%!important;margin-bottom:10px}.print-only{display:block!important}.screen-only{display:none!important}p{orphans:3;widows:3}div,section,article,aside,header,footer{background:#fff!important}.municipality-header{text-align:center;font-weight:700;font-size:14pt;margin-bottom:20px}.report-date{text-align:right;font-size:9pt;color:#666;margin-bottom:10px}.signature-line{border-top:1px solid black;width:300px;margin-top:40px;padding-top:5px;font-size:9pt}canvas,svg{max-width:100%;height:auto}.currency,.amount{text-align:right;font-family:Courier New,Courier,monospace}.compact-print td{padding:3px 6px;font-size:9pt}.compact-print th{padding:4px 6px;font-size:9pt}}.skip-link{position:absolute;top:-40px;left:0;background:#22d3ee;color:#0a0e1a;padding:12px 24px;text-decoration:none;font-family:Courier New,monospace;font-weight:700;font-size:14px;z-index:9999;border-radius:0 0 8px;transition:top .2s ease}.skip-link:focus{top:0;outline:3px solid #ffffff;outline-offset:2px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #22d3ee!important;outline-offset:2px!important}button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}input:focus,textarea:focus,select:focus{border-color:#22d3eecc;box-shadow:0 0 0 3px #22d3ee33}@media (prefers-contrast: high){button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:4px solid #ffffff;outline-offset:3px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}@media (pointer: coarse){button,a,input[type=checkbox],input[type=radio],select{min-height:44px;min-width:44px}a:not([role=button]){min-height:auto;min-width:auto}}input:invalid:not(:placeholder-shown),textarea:invalid:not(:placeholder-shown){border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#ef4444}[aria-busy=true]{cursor:wait;opacity:.7;pointer-events:none}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}table{border-collapse:collapse;width:100%}th{text-align:left;font-weight:700}table caption{padding:10px;caption-side:top;font-weight:700}.modal-open{overflow:hidden}.keyboard-hint{font-size:12px;color:#94a3b8;font-style:italic;margin-top:4px}.high-contrast-text{color:#fff;text-shadow:0 0 2px rgba(0,0,0,.8)}.high-contrast-bg{background:#0a0e1a;color:#fff}@media print{.skip-link,.sr-only:not(.sr-only-focusable){display:none}a[href]:after{content:" (" attr(href) ")";font-size:.8em}nav,.decorative{display:none}}@media (prefers-color-scheme: dark){body{background:#0a0e1a;color:#f1f5f9}}@keyframes safe-pulse{0%,to{opacity:1}50%{opacity:.8}}.pulse-safe{animation:safe-pulse 2s ease-in-out infinite}[dir=rtl]{direction:rtl}.field-valid{border-color:#22c55e}.field-invalid{border-color:#ef4444}.field-required:after{content:" *";color:#ef4444;font-weight:700}[role=tooltip]{position:absolute;background:#0a0e1a;color:#fff;padding:8px 12px;border-radius:4px;font-size:13px;z-index:1000;pointer-events:none}button,[role=button],[type=button],[type=submit],[type=reset],a[href]{cursor:pointer}button:disabled,[role=button][aria-disabled=true],a[aria-disabled=true]{cursor:not-allowed}