:root{--font-family-body: "exo-soft", "Exo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-family-heading: "transducer", "Transducer Test", "Arial Black", system-ui, sans-serif;font-family:var(--font-family-body);line-height:1.5;font-weight:400;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--grounded-neon: #A3FF00;--grounded-lime: #B0F25D;--grounded-lime-cream: #C6F684;--grounded-tea-green: #DDFBB3;--br-green-darkest: #132817;--br-green-dark: #1A371F;--br-green-deep: #214527;--br-green-forest: #28532F;--charcoal-black: #1A1C1B;--charcoal-card: #262A23;--charcoal-elevated: #2D362D;--soft-white: #FDFDFD;--silver: #BFC0C1;--sand: #EAE6DA;--parchment: #F4F1EA;--bone: #DED9C9;--earth: #B79E80;--metal-olive: #858E86;--bg-color: #F4F1EA;--text-color: #1A1C1B;--text-secondary: #858E86;--text-dim: #132817;--highlight-text-color: #1A371F;--heading-color: #1A1C1B;--subheading-color: #858E86;--muted-color: #858E86;--primary: #1A371F;--secondary: #A3FF00;--accent-green: #1A371F;--accent-green-dark: #132817;--accent-green-light: #DDFBB3;--accent-tan: #B79E80;--accent-tan-light: #DED9C9;--accent-blue: #3B82F6;--view-details-btn: #A3FF00;--button-bg: #A3FF00;--show-less-btn: #1A371F;--button-color: #1A1C1B;--button-hover: #C6F684;--button-hover-bg: #C6F684;--button-text: #1A1C1B;--battery-progress-border: rgba(26, 28, 27, .1);--battery-progress-bg: rgba(26, 28, 27, .05);--open-google-maps-btn-txt: #1A1C1B;--focus-ring: rgba(26, 55, 31, .28);--card-bg: #FDFDFD;--card-border: #DED9C9;--divider: #DED9C9;--checkbox-border: #BFC0C1;--checkbox-hover: rgba(163, 255, 0, .4);--sidebar-bg: #EAE6DA;--surface-subtle: #F4F1EA;--surface-glass-bg: rgba(253, 253, 253, .05);--surface-glass-border: rgba(253, 253, 253, .1);--surface-raised-bg: rgba(253, 253, 253, .08);--surface-raised-border: rgba(26, 28, 27, .08);--shadow-sm: 0 4px 12px rgba(26, 28, 27, .08);--shadow-md: 0 8px 32px rgba(26, 28, 27, .1);--shadow-lg: 0 12px 40px rgba(26, 28, 27, .12);--shadow-glass: 0 8px 32px rgba(26, 28, 27, .08), inset 0 1px 0 rgba(253, 253, 253, .2);--shadow-glass-hover: 0 12px 40px rgba(26, 28, 27, .12), inset 0 1px 0 rgba(253, 253, 253, .3);--logout-color: #ff6b6b;--logout-border: #ff6b6b;--logout-hover-bg: rgba(255, 107, 107, .12);--logo-color: #1A371F;--on-status: #1A371F;--off-status: #BFC0C1;--status-success: #1A371F;--status-warning: #d97706;--status-info: #1677ff;--status-danger: #ff6b6b;--status-muted: #858E86;--status-success-soft: rgba(26, 55, 31, .14);--status-muted-soft: rgba(133, 142, 134, .2);--status-danger-bg: rgba(255, 107, 107, .12);--status-danger-border: rgba(255, 107, 107, .35);--input-bg: #FDFDFD;--input-border: #DED9C9;--water-bg: #EAE6DA;--water-fill: #3B82F6;--gray-water-fill: #858E86;--battery-fill: #A3FF00;--solar-bg: rgba(163, 255, 0, .12);--toggle-knob: #FDFDFD;--toggle-knob-off: #858E86;--toggle-bg: #A3FF00;--map-label-bg: #1A1C1B;--map-label-text: #FDFDFD;--map-card-text: #1A1C1B;--map-card-muted: #858E86;--map-pin-color: #E53935;--status-connected: #A3FF00;--status-disconnected: #858E86;--status-green-led: #10B981;--status-yellow-led: #F59E0B;--status-orange-led: #F97316;--status-red-led: #EF4444;color:var(--text-color);background-color:var(--bg-color)}[data-theme=dark]{--bg-color: #1A1C1B;--text-color: #F4F1EA;--text-secondary: #858E86;--text-dim: #FDFDFD;--highlight-text-color: #A3FF00;--heading-color: #F4F1EA;--subheading-color: #858E86;--muted-color: #858E86;--primary: #28532F;--secondary: #A3FF00;--accent-green: #A3FF00;--accent-green-dark: #1A371F;--accent-green-light: #DDFBB3;--accent-tan: #B79E80;--accent-tan-light: #DED9C9;--accent-blue: #60A5FA;--view-details-btn: #A3FF00;--button-bg: #A3FF00;--show-less-btn: #28532F;--button-color: #1A1C1B;--button-hover: #C6F684;--button-hover-bg: #C6F684;--button-text: #1A1C1B;--battery-progress-border: rgba(253, 253, 253, .1);--battery-progress-bg: rgba(253, 253, 253, .05);--open-google-maps-btn-txt: #1A1C1B;--focus-ring: rgba(163, 255, 0, .3);--card-bg: #262A23;--card-border: #28532F;--divider: #28532F;--checkbox-border: rgba(244, 241, 234, .3);--checkbox-hover: rgba(163, 255, 0, .25);--sidebar-bg: #132817;--surface-subtle: #2D362D;--surface-glass-bg: rgba(0, 0, 0, .3);--surface-glass-border: rgba(253, 253, 253, .05);--surface-raised-bg: rgba(253, 253, 253, .03);--surface-raised-border: rgba(253, 253, 253, .08);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .25);--shadow-md: 0 8px 32px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .4);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(253, 253, 253, .1);--shadow-glass-hover: 0 12px 40px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(253, 253, 253, .15);--logout-color: #ff6b6b;--logout-border: #ff6b6b;--logout-hover-bg: rgba(255, 107, 107, .18);--logo-color: #A3FF00;--on-status: #A3FF00;--off-status: #2D362D;--status-success: #A3FF00;--status-warning: #fbbf24;--status-info: #60a5fa;--status-danger: #ff6b6b;--status-muted: #858E86;--status-success-soft: rgba(163, 255, 0, .16);--status-muted-soft: rgba(133, 142, 134, .18);--status-danger-bg: rgba(255, 107, 107, .16);--status-danger-border: rgba(255, 107, 107, .32);--input-bg: #2D362D;--input-border: #28532F;--water-bg: #2D362D;--water-fill: #60A5FA;--gray-water-fill: #858E86;--battery-fill: #A3FF00;--solar-bg: rgba(163, 255, 0, .12);--toggle-knob: #FDFDFD;--toggle-knob-off: #858E86;--toggle-bg: #A3FF00;--map-label-bg: #132817;--map-label-text: #FDFDFD;--map-card-text: #F4F1EA;--map-card-muted: #858E86;--map-pin-color: #E53935;--status-connected: #A3FF00;--status-disconnected: #5C645C;--status-green-led: #34d399;--status-yellow-led: #fbbf24;--status-orange-led: #fb923c;--status-red-led: #ff6b6b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;padding:0;background-color:var(--bg-color);color:var(--text-color)}::selection{background-color:var(--grounded-neon);color:var(--charcoal-black)}h1{font-family:var(--font-family-heading);font-weight:900;text-transform:uppercase;letter-spacing:.01em;font-size:2.4em;line-height:1.1;color:var(--heading-color);margin-bottom:.5em}h2{font-family:var(--font-family-heading);font-weight:900;text-transform:uppercase;letter-spacing:.01em;font-size:1.5em;margin-top:0;margin-bottom:1em;color:var(--subheading-color)}h3{font-family:var(--font-family-heading);font-weight:900;text-transform:uppercase;letter-spacing:.01em;font-size:1.2em;color:var(--heading-color)}h4,h5,h6{font-family:var(--font-family-heading);font-weight:400;text-transform:uppercase;letter-spacing:.01em;color:var(--heading-color)}p,span,div,body{font-family:var(--font-family-body)}button{border-radius:var(--radius-xs);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;background-color:var(--button-bg);color:var(--button-color);cursor:pointer;transition:all .2s ease}button:focus{outline:none;box-shadow:none}button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--card-bg);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb{background:var(--muted-color);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--heading-color)}*{scrollbar-width:thin;scrollbar-color:var(--muted-color) var(--card-bg)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999999}.modal-content{margin:20px;border-radius:20px;padding:20px;align-items:center;box-shadow:var(--shadow-sm);width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;z-index:9999999}.modal-title{font-size:20px;font-weight:700;text-align:center;margin:0;z-index:9999999}.modal-text{margin-bottom:15px;text-align:left;line-height:22px;width:100%;z-index:9999999}.button-container{display:flex;flex-direction:row;justify-content:center;width:100%}.modal-button{border-radius:10px;padding:12px 24px;min-width:100px;border:none;color:var(--button-text);font-weight:700;font-size:16px;cursor:pointer;transition:opacity .2s}.modal-button:hover{opacity:.9;color:var(--button-text)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999999999}.modal-content{margin:20px;border-radius:20px;padding:20px;align-items:center;box-shadow:var(--shadow-sm);width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column}.title-container{display:flex;flex-direction:row;align-items:center;margin-bottom:15px;gap:10px;width:100%}.modal-title{font-size:18px;font-weight:700;text-align:center;margin:0;flex:1}.icon{font-size:32px}.scroll-container{max-height:400px;width:100%;overflow-y:auto;padding:0 5px}.modal-text{margin-bottom:15px;text-align:left;line-height:22px;font-size:14px;width:100%}.message-line{margin:0 0 10px}.message-line:last-child{margin-bottom:0}.bullet-point{display:flex;align-items:flex-start;margin-bottom:5px}.bullet{margin-right:8px;flex-shrink:0}.checkbox-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;margin:15px 0}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--off-status);transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:var(--toggle-knob);transition:.4s;border-radius:50%}input:checked+.slider:before{transform:translate(26px)}.button-container{display:flex;flex-direction:row;justify-content:space-between;width:100%;gap:10px}.modal-button{border-radius:10px;padding:12px;flex:1;border:none;color:var(--button-text);font-weight:700;font-size:14px;cursor:pointer;transition:opacity .2s;text-align:center}.modal-button:hover{opacity:.9}.modal-button:active{opacity:.8}.scroll-container::-webkit-scrollbar{width:8px}.scroll-container::-webkit-scrollbar-track{background:var(--surface-subtle);border-radius:4px}.scroll-container::-webkit-scrollbar-thumb{background:var(--muted-color);border-radius:4px}.scroll-container::-webkit-scrollbar-thumb:hover{background:var(--heading-color)}@media (max-width: 480px){.modal-content{margin:10px;padding:15px}.button-container{flex-direction:column}.modal-title{font-size:16px}.modal-text{font-size:13px}}#root{width:100%;margin:0;padding:0}.stat-value{font-weight:600;font-size:1.1em;color:var(--heading-color)}.stat-label{font-size:.9em;color:var(--muted-color)}.status-on{color:var(--on-status);font-weight:600}.status-off{color:var(--off-status)}.water-level{display:flex;align-items:center;margin-bottom:5px}.water-level-bar{flex-grow:1;height:12px;background-color:var(--water-bg);border-radius:6px;margin:0 10px;overflow:hidden}.water-level-fill{height:100%;background-color:var(--water-fill);border-radius:6px}.water-level-fill.gray{background-color:var(--gray-water-fill)}.theme-toggle{background:transparent;border:1px solid var(--text-color);color:var(--text-color);padding:5px 10px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;font-size:14px;transition:all .2s}.theme-toggle:hover{background-color:var(--surface-subtle)}@media (max-width: 768px){.FleetGrid{grid-template-columns:1fr}}.my-masonry-grid{display:flex;margin-left:-15px;width:auto}.my-masonry-grid_column{padding-left:15px;background-clip:padding-box}.my-masonry-grid_column>div{margin-bottom:15px}