:root{color-scheme:dark light;--sl-spacing-x-small: .25rem;--sl-spacing-small: .5rem;--sl-spacing-medium: .75rem;--sl-spacing-large: 1rem;--status-online: #22c55e;--status-offline: #ef4444;--header-height: 48px;--panel-width: 360px;--action-bar-width: 56px;--fab-size: 44px}.sl-theme-dark{color-scheme:dark;--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-tertiary: #2d2d2d;--bg-hover: #363636;--text-primary: #f5f5f5;--text-secondary: #a0a0a0;--text-muted: #666666;--border-color: #3d3d3d;--border-light: #4a4a4a;--sl-color-primary-50: #eff6ff;--sl-color-primary-100: #dbeafe;--sl-color-primary-200: #bfdbfe;--sl-color-primary-300: #93c5fd;--sl-color-primary-400: #60a5fa;--sl-color-primary-500: #3b82f6;--sl-color-primary-600: #2563eb;--sl-color-primary-700: #1d4ed8;--sl-color-primary-800: #1e40af;--sl-color-primary-900: #1e3a8a;--sl-color-primary-950: #172554;--sl-color-neutral-0: #ffffff;--sl-color-neutral-50: #f5f5f5;--sl-color-neutral-100: #e5e5e5;--sl-color-neutral-200: #d4d4d4;--sl-color-neutral-300: #a3a3a3;--sl-color-neutral-400: #737373;--sl-color-neutral-500: #525252;--sl-color-neutral-600: #404040;--sl-color-neutral-700: #363636;--sl-color-neutral-800: #262626;--sl-color-neutral-900: #1a1a1a;--sl-color-neutral-950: #0a0a0a;--sl-color-neutral-1000: #000000;--sl-panel-background-color: var(--bg-primary);--sl-panel-border-color: var(--border-color);--sl-input-background-color: var(--bg-secondary);--sl-input-background-color-hover: var(--bg-tertiary);--sl-input-background-color-focus: var(--bg-secondary);--sl-input-border-color: var(--border-color);--sl-input-border-color-hover: var(--border-light);--sl-input-border-color-focus: var(--sl-color-primary-500);--sl-input-color: var(--text-primary);--sl-input-placeholder-color: var(--text-muted)}.sl-theme-dark sl-input::part(clear-button):hover{color:var(--text-primary)}.sl-theme-dark sl-icon-button::part(base){color:var(--text-secondary)}.sl-theme-dark sl-icon-button::part(base):hover{color:var(--text-primary)}.sl-theme-light{color-scheme:light;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--bg-hover: #dee2e6;--text-primary: #212529;--text-secondary: #6c757d;--text-muted: #adb5bd;--border-color: #dee2e6;--border-light: #ced4da}:not(:defined){visibility:hidden}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}#app{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);min-height:var(--header-height);padding:0 var(--sl-spacing-medium);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:200;flex-shrink:0;position:sticky;top:0}.header-left{display:flex;align-items:center;gap:var(--sl-spacing-small);flex:1;min-width:0}.app-logo{height:32px;max-width:200px;object-fit:contain;object-position:left center}.header-title{font-size:var(--sl-font-size-medium);font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.header-center{display:flex;align-items:center;gap:var(--sl-spacing-small);justify-content:center;flex-shrink:0}#header-offline-count{font-size:var(--sl-font-size-large);padding:var(--sl-spacing-small) var(--sl-spacing-medium)}#header-offline-count::part(base){background-color:transparent;border:1px solid var(--sl-color-danger-500);color:var(--sl-color-danger-500)}#header-search-input{width:280px;--sl-input-height-small: 32px}#header-search-input::part(base){background:var(--bg-primary);border-color:var(--border-color)}#header-search-input::part(base):hover{border-color:var(--border-light)}#header-search-input::part(base):focus-within{border-color:var(--sl-color-primary-500)}.sl-theme-dark #header-search-input::part(base){background:var(--bg-tertiary);border-color:var(--border-color)}.sl-theme-dark #header-search-input::part(base):hover{background:var(--bg-hover);border-color:var(--border-light)}.sl-theme-dark #header-search-input::part(input){color:var(--text-primary)}.sl-theme-dark #header-search-input::part(input)::placeholder{color:var(--text-muted)}#header-search-input::part(base){background:var(--bg-secondary);border-color:var(--border-color)}#header-search-input::part(base):hover{background:var(--bg-tertiary);border-color:var(--border-light)}#header-search-input::part(input){color:var(--text-primary)}#header-search-input::part(input)::placeholder{color:var(--text-muted)}.header-right{display:flex;align-items:center;gap:var(--sl-spacing-x-small);flex:1;justify-content:flex-end;min-width:0}.header-right sl-icon-button::part(base){font-size:1.1rem}.header-btn-desktop{display:flex}.header-btn-mobile,.header-menu-dropdown{display:none}.header-menu-dropdown sl-icon-button::part(base){font-size:1.1rem}.header-menu-dropdown sl-menu-item{cursor:pointer}.sl-theme-dark .app-header{background:var(--bg-secondary)}.sl-theme-dark .header-right sl-icon-button::part(base){color:var(--text-secondary)}.sl-theme-dark .header-right sl-icon-button::part(base):hover{color:var(--text-primary);background:var(--bg-hover)}.app-header{background:var(--bg-secondary)}.header-right sl-icon-button::part(base){color:var(--text-secondary)}.header-right sl-icon-button::part(base):hover{color:var(--text-primary);background:var(--bg-hover)}.main-content{display:flex;flex-direction:row;flex:1;min-height:0;overflow:hidden;position:relative}#map{flex:1;min-width:0;height:100%}.mapboxgl-ctrl-group{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:var(--sl-border-radius-medium)!important;overflow:hidden}.mapboxgl-ctrl-top-left{z-index:150!important}.mapboxgl-ctrl-geocoder{z-index:150!important;position:relative!important}.mapboxgl-ctrl-geocoder .suggestions{z-index:151!important}.mapboxgl-ctrl-group button{background:transparent!important;border-color:var(--border-color)!important}.mapboxgl-ctrl-group button:hover{background:var(--bg-hover)!important}.sl-theme-dark .mapboxgl-ctrl-group button span{filter:brightness(0) invert(1)}.sl-theme-light .mapboxgl-ctrl-group button span{filter:none}.sl-theme-dark .mapboxgl-ctrl-group button span{filter:invert(1)}.side-panel{position:relative;display:flex;width:var(--panel-width);height:100%;background:var(--bg-primary);border-right:1px solid var(--border-color);z-index:100;transition:width var(--sl-transition-medium)}.side-panel.collapsed{width:var(--action-bar-width)}.side-panel.collapsed .panel-content{display:none}.action-bar{display:flex;flex-direction:column;width:var(--action-bar-width);padding:var(--sl-spacing-small);background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-shrink:0}.action-group{display:flex;flex-direction:column;gap:var(--sl-spacing-x-small);margin-bottom:var(--sl-spacing-medium)}.action-group--bottom{margin-top:auto;margin-bottom:0}.action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid transparent;border-radius:var(--sl-border-radius-medium);background:transparent;cursor:pointer;transition:all var(--sl-transition-fast)}.sl-theme-dark .action-btn{color:var(--sl-color-neutral-500)}.sl-theme-dark .action-btn:hover{background:var(--sl-color-neutral-800);color:var(--sl-color-neutral-100)}.sl-theme-dark .action-btn.active{border-color:var(--sl-color-primary-500);background:#3b82f626;color:var(--sl-color-primary-400)}.action-btn{color:var(--text-secondary)}.action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.action-btn.active{border-color:var(--sl-color-primary-600);background:#3b82f626;color:var(--sl-color-primary-500)}.action-btn .icon{width:20px;height:20px}.panel-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sl-spacing-medium);border-bottom:1px solid var(--border-color);flex-shrink:0}.panel-title{margin:0;font-size:var(--sl-font-size-large);font-weight:600}#panel-expand-btn{display:none}.side-panel.collapsed #panel-expand-btn{display:flex}.side-panel.collapsed~.basemap-preview-container{left:calc(var(--action-bar-width) + var(--sl-spacing-medium))}.side-panel.collapsed~.fab-refresh{left:calc(var(--action-bar-width) + var(--sl-spacing-large))}.panel-section{display:none;flex:1;overflow-y:auto;padding:var(--sl-spacing-small);gap:var(--sl-spacing-small)}.panel-section.active{display:flex;flex-direction:column}sl-details::part(header){padding:var(--sl-spacing-small) var(--sl-spacing-medium);font-weight:500;font-size:var(--sl-font-size-small)}sl-details::part(content){padding:var(--sl-spacing-small) var(--sl-spacing-medium) var(--sl-spacing-medium)}.sl-theme-dark sl-details{--sl-panel-background-color: var(--bg-secondary);--sl-panel-border-color: var(--border-color)}.sl-theme-dark sl-details::part(base){background-color:var(--bg-secondary);border-color:var(--border-color)}.sl-theme-dark sl-details::part(header){background-color:var(--bg-secondary)}.sl-theme-dark sl-details::part(content){background-color:var(--bg-secondary)}.sl-theme-dark sl-details::part(summary){font-weight:500;color:var(--text-primary)}.sl-theme-dark sl-details:hover::part(header){background-color:var(--bg-hover)}.toggle-list{display:flex;flex-direction:column;gap:var(--sl-spacing-x-small)}.toggle-item{display:flex;align-items:center;gap:var(--sl-spacing-small);padding:var(--sl-spacing-small) 0;border-bottom:1px solid var(--border-color)}.toggle-item:last-child{border-bottom:none}.toggle-info{flex:1;min-width:0}.toggle-label{display:block;font-size:var(--sl-font-size-small);font-weight:500;color:var(--text-primary)}.toggle-desc{display:block;font-size:var(--sl-font-size-x-small);color:var(--text-secondary)}.sl-theme-dark .toggle-item,.sl-theme-dark .toggle-info,.sl-theme-dark .toggle-label{color:var(--text-primary)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--status-online)}.status-dot.offline{background:var(--status-offline)}.legend-list{display:flex;flex-direction:column;gap:var(--sl-spacing-x-small)}.legend-item{display:flex;align-items:center;gap:var(--sl-spacing-small);padding:var(--sl-spacing-x-small) 0}.legend-icon{width:16px;height:16px;flex-shrink:0;border:2px solid #ffffff}.legend-icon--circle-offline{width:16px;height:16px;border-radius:50%;background:var(--status-offline)}.legend-icon--circle-online{width:16px;height:16px;border-radius:50%;background:var(--status-online)}.legend-icon--diamond-offline{width:12px;height:12px;background:var(--status-offline);transform:rotate(45deg);border:2px solid #ffffff;box-sizing:border-box}.legend-icon--diamond-online{width:12px;height:12px;background:var(--status-online);transform:rotate(45deg);border:2px solid #ffffff;box-sizing:border-box}.legend-label{font-size:var(--sl-font-size-small);color:var(--text-primary)}.sl-theme-dark .legend-label{color:var(--text-primary)}.status-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sl-spacing-small);margin-bottom:var(--sl-spacing-small);opacity:1!important}.status-card{display:flex;flex-direction:column;align-items:center;padding:var(--sl-spacing-small);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--sl-border-radius-medium);cursor:pointer;transition:all var(--sl-transition-fast)}.status-card:hover{background:var(--bg-hover)}.status-card--offline,.status-card.status-card--offline,button.status-card--offline,button.status-card.status-card--offline{border-color:var(--status-offline)!important;opacity:1!important;color:inherit!important}.status-card--offline .status-value,.status-card.status-card--offline .status-value,button.status-card--offline .status-value{color:var(--status-offline)!important;opacity:1!important;font-weight:700!important}.status-card--offline .status-label,.status-card.status-card--offline .status-label,button.status-card--offline .status-label{opacity:1!important;color:var(--text-secondary)!important}.status-card--online{border-color:var(--status-online)}.status-card--online .status-value{color:var(--status-online)}.status-value{font-size:24px;font-weight:700;line-height:1}.status-label{font-size:11px;color:var(--text-secondary);margin-top:var(--sl-spacing-x-small)}.layer-icon{width:16px;height:16px;border-radius:2px;flex-shrink:0}.layer-icon--polygon-blue{background:#3b82f64d;border:2px solid #3b82f6}.layer-icon--line-brown{background:#92400e;height:3px;width:16px;border-radius:1px}.layer-icon--line-gray{background:#6b7280;height:3px;width:16px;border-radius:1px}.layer-icon--circle-cyan{background:#06b6d4;border-radius:50%}.layer-icon--circle-orange{background:#f97316;border-radius:50%}.layer-icon--circle-purple{background:#a855f7;border-radius:50%}.layer-icon--diamond-gold{background:#eab308;transform:rotate(45deg);width:12px;height:12px}.layer-icon--car-blue{background:#3b82f6;border-radius:2px}.layer-icon--flash-green{background:#22c55e;border-radius:2px}.layer-icon--flash-red{background:var(--status-offline)}.layer-icon--flash-orange{background:#eab308}.layer-icon--rain{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.header-search-results{position:fixed;top:var(--header-height);left:50%;transform:translate(-50%);width:400px;max-width:calc(100vw - 2 * var(--sl-spacing-medium));background:var(--bg-secondary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 var(--sl-border-radius-medium) var(--sl-border-radius-medium);max-height:500px;overflow-y:auto;box-shadow:var(--sl-shadow-x-large);z-index:250;margin-left:30px}.header-search-results.hidden{display:none}.sl-theme-dark .header-search-results{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 8px 24px #0006}.header-search-results{background:var(--bg-primary);border-color:var(--border-color)}.search-results{margin-top:var(--sl-spacing-small);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--sl-border-radius-medium);max-height:400px;overflow-y:auto;box-shadow:var(--sl-shadow-large)}.search-results.hidden{display:none}.search-result-item{display:flex;align-items:center;gap:var(--sl-spacing-small);width:100%;padding:var(--sl-spacing-small) var(--sl-spacing-medium);border:none;border-bottom:1px solid var(--border-color);background:transparent;text-align:left;cursor:pointer;transition:background .15s ease;color:var(--text-primary)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item:focus{background:var(--bg-hover);outline:none}.search-result-item.highlighted{background:var(--sl-color-primary-50);outline:none}.sl-theme-dark .search-result-item.highlighted{background:#3b82f626}.search-result-info{flex:1;min-width:0}.search-result-name{display:block;font-weight:500;font-size:var(--sl-font-size-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-detail{display:block;font-size:var(--sl-font-size-x-small);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-account{display:block;font-size:var(--sl-font-size-x-small);color:var(--text-secondary);font-style:italic}.search-result-arrow{color:var(--text-secondary);font-size:var(--sl-font-size-small)}.search-result-status{display:flex;align-items:center;margin-left:var(--sl-spacing-small)}.search-result-item mark{background:var(--sl-color-warning-200);color:inherit;padding:0 1px;border-radius:2px}.sl-theme-dark .search-result-item mark{background:#eab3084d;color:var(--sl-color-warning-400);font-weight:600}.search-no-results{display:flex;flex-direction:column;align-items:center;gap:var(--sl-spacing-small);padding:var(--sl-spacing-large);color:var(--text-secondary)}.search-no-results sl-icon{font-size:1.5rem}.search-loading{display:flex;flex-direction:column;align-items:center;gap:var(--sl-spacing-small);padding:var(--sl-spacing-large);color:var(--text-secondary)}.search-error{display:flex;flex-direction:column;align-items:center;gap:var(--sl-spacing-small);padding:var(--sl-spacing-large);color:var(--status-offline)}.search-error sl-icon{font-size:1.5rem}.search-offline{display:flex;flex-direction:column;align-items:center;gap:var(--sl-spacing-small);padding:var(--sl-spacing-large);color:var(--status-offline)}.search-offline sl-icon{font-size:1.5rem}.search-result-count{padding:var(--sl-spacing-small) var(--sl-spacing-medium);font-size:var(--sl-font-size-x-small);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.status-label{padding:2px 8px;border-radius:var(--sl-border-radius-small);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-label.online{background:#22c55e33;color:var(--status-online)}.status-label.offline{background:#ef444433;color:var(--status-offline)}.status-label.unknown{background:var(--sl-color-neutral-200);color:var(--text-secondary)}.monospace{font-family:Courier New,Courier,monospace}.info-item{display:flex;justify-content:space-between;padding:var(--sl-spacing-small) 0;border-bottom:1px solid var(--border-color)}.info-label{color:var(--text-secondary);font-size:var(--sl-font-size-small)}.info-value{font-size:var(--sl-font-size-small)}.fab-container{position:fixed;bottom:var(--sl-spacing-medium);right:var(--sl-spacing-medium);display:flex;flex-direction:column;gap:var(--sl-spacing-small);z-index:100}.fab{font-size:1.25rem;--sl-color-neutral-0: var(--bg-secondary)}.fab::part(base){background:var(--bg-secondary);border:1px solid var(--border-color)}.sl-theme-dark .fab::part(base){box-shadow:0 2px 8px #0000004d}.fab::part(base){box-shadow:var(--sl-shadow-medium)}.fab::part(base):hover{background:var(--bg-hover);transform:scale(1.05)}.fab-refresh{position:fixed;bottom:var(--sl-spacing-large);left:calc(var(--panel-width) + var(--sl-spacing-large));z-index:100;transition:left var(--sl-transition-medium)}.basemap-preview-container{position:fixed;top:calc(var(--header-height) + var(--sl-spacing-medium));left:calc(var(--panel-width) + var(--sl-spacing-medium));z-index:90;cursor:pointer;transition:transform .15s ease,left var(--sl-transition-medium);display:flex;flex-direction:column;align-items:flex-start;gap:var(--sl-spacing-x-small)}.basemap-preview-container:hover{transform:scale(1.05)}.basemap-preview-thumbnail{width:80px;height:60px;border-radius:var(--sl-border-radius-medium);border:2px solid var(--border-color);transition:border-color .15s ease;background-size:cover;background-position:center;background-repeat:no-repeat}.sl-theme-dark .basemap-preview-thumbnail{box-shadow:0 2px 8px #0000004d}.basemap-preview-thumbnail{box-shadow:var(--sl-shadow-medium)}.basemap-preview-container:hover .basemap-preview-thumbnail{border-color:var(--sl-color-primary-600)}.basemap-preview--dark{background:linear-gradient(135deg,#2d2d2d,#1a1a1a)}.basemap-preview--light{background:linear-gradient(135deg,#f0f0f0,#d0d0d0)}.basemap-preview--satellite{background:linear-gradient(135deg,#4a7c59,#2d5a27)}.basemap-preview-label{padding:var(--sl-spacing-x-small) var(--sl-spacing-small);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--sl-border-radius-small);font-size:var(--sl-font-size-x-small);font-weight:600;color:var(--text-primary);box-shadow:var(--sl-shadow-small)}.drawer-side::part(panel){width:400px;max-width:90vw;height:calc(100vh - var(--header-height));top:var(--header-height);border-radius:0;box-shadow:-2px 0 8px #00000026;pointer-events:auto}.drawer-bottom{display:none}.drawer-bottom::part(panel){width:100%;max-width:100%;height:70vh;max-height:70vh;border-radius:var(--sl-border-radius-large) var(--sl-border-radius-large) 0 0;box-shadow:0 -2px 8px #00000026;pointer-events:auto}.drawer-bottom::part(overlay){background-color:#0009;pointer-events:auto}.drawer-bottom::part(body){padding:var(--sl-spacing-medium);height:100%;overflow-y:auto;display:flex;flex-direction:column}#mobile-drawer-content{display:flex;flex-direction:column;flex:1;min-height:0}.drawer-side::part(body){padding:var(--sl-spacing-medium);height:100%;overflow-y:auto;display:flex;flex-direction:column}#drawer-content{display:flex;flex-direction:column;flex:1;min-height:0}.sl-theme-dark sl-drawer::part(header){background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.sl-theme-dark .drawer-side::part(overlay){background-color:transparent;pointer-events:none}.drawer-side::part(overlay){background-color:transparent;pointer-events:none}.drawer-bottom::part(panel){background-color:var(--bg-primary);color:var(--text-primary)}.drawer-bottom::part(header){background-color:var(--bg-secondary);color:var(--text-primary);border-bottom:1px solid var(--border-color)}.drawer-bottom::part(body){background-color:var(--bg-primary);color:var(--text-primary)}.drawer-bottom::part(overlay){background-color:#00000080}.sl-theme-light .drawer-bottom::part(panel){background-color:var(--bg-primary);color:var(--text-primary)}.sl-theme-light .drawer-bottom::part(header){background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.sl-theme-light .drawer-bottom::part(body){background-color:var(--bg-primary);color:var(--text-primary)}.sl-theme-light .drawer-bottom::part(overlay){background-color:#0009}html.sl-theme-dark sl-drawer::part(panel),html.sl-theme-dark sl-drawer::part(body){background-color:var(--bg-primary);color:var(--text-primary)}html.sl-theme-dark sl-drawer::part(header){background-color:var(--bg-secondary);color:var(--text-primary);border-bottom:1px solid var(--border-color)}.sl-theme-light sl-drawer::part(header){background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.sl-theme-light sl-drawer::part(panel),.sl-theme-light sl-drawer::part(body){background-color:var(--bg-primary);color:var(--text-primary)}.drawer-actions{display:flex;gap:var(--sl-spacing-small);margin-bottom:var(--sl-spacing-medium);padding-bottom:var(--sl-spacing-medium);border-bottom:1px solid var(--border-color)}.drawer-actions sl-button{flex:1}.drawer-actions sl-button::part(base){font-size:var(--sl-font-size-small)}.drawer-header{display:flex;flex-direction:column;gap:var(--sl-spacing-small);margin-bottom:var(--sl-spacing-medium);padding-bottom:var(--sl-spacing-medium);border-bottom:1px solid var(--border-color)}.drawer-title{font-size:var(--sl-font-size-large);font-weight:600;line-height:1.3}.sl-theme-dark .drawer-title{color:var(--text-primary)}.drawer-subtitle{font-size:var(--sl-font-size-small);color:var(--text-secondary);line-height:1.4}.drawer-status{display:inline-block;padding:var(--sl-spacing-x-small) var(--sl-spacing-small);border-radius:var(--sl-border-radius-small);font-size:var(--sl-font-size-x-small);font-weight:600;text-transform:uppercase;align-self:flex-start}.drawer-status.online{background:#22c55e33;color:var(--status-online)}.drawer-status.offline{background:#ef444433;color:var(--status-offline)}.drawer-grid{display:flex;flex-direction:column;gap:var(--sl-spacing-medium)}.drawer-field{display:flex;flex-direction:column;gap:var(--sl-spacing-x-small);padding-bottom:var(--sl-spacing-small);border-bottom:1px solid var(--border-color)}.drawer-field:last-child{border-bottom:none}.drawer-field-label{font-size:var(--sl-font-size-x-small);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.drawer-field-value{font-size:var(--sl-font-size-small);font-weight:500;line-height:1.5;word-wrap:break-word}.sl-theme-dark .drawer-field-value{color:var(--text-primary)}.loading-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sl-spacing-medium);z-index:9999}.sl-theme-dark .loading-overlay{background:#000000b3;color:#fff}.sl-theme-light .loading-overlay{background:#ffffffe6;color:#212529}.loading-overlay.hidden{display:none}.toast-stack{position:fixed;top:calc(var(--header-height) + var(--sl-spacing-large));right:var(--sl-spacing-large);z-index:9999;display:flex;flex-direction:column;gap:var(--sl-spacing-small)}.toast-persistent::part(base){animation:toast-pulse 2s ease-in-out infinite}@keyframes toast-pulse{0%,to{opacity:1}50%{opacity:.8}}@media(max-width:767px){.toast-stack{top:auto;bottom:var(--sl-spacing-medium);left:var(--sl-spacing-medium);right:var(--sl-spacing-medium);flex-direction:column-reverse;max-height:60vh;overflow-y:auto}.toast-stack sl-alert{width:100%}.toast-stack sl-alert::part(base){padding:var(--sl-spacing-small) var(--sl-spacing-medium);font-size:.875rem}.toast-stack sl-alert::part(icon){font-size:1.25rem}body:has(.update-banner-visible) .toast-stack{bottom:calc(60px + var(--sl-spacing-medium))}}.mobile-toast-container{position:fixed;bottom:var(--sl-spacing-medium);left:var(--sl-spacing-medium);right:var(--sl-spacing-medium);z-index:9999;display:flex;flex-direction:column;gap:var(--sl-spacing-small);pointer-events:none}.mobile-toast{display:flex;align-items:center;gap:var(--sl-spacing-medium);padding:var(--sl-spacing-medium) var(--sl-spacing-large);background:var(--bg-secondary, #242424);color:var(--text-primary, #f5f5f5);border-radius:var(--sl-border-radius-medium);border:1px solid var(--border-color, #3d3d3d);box-shadow:0 4px 16px #0000004d;transform:translateY(100%);opacity:0;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s ease-out;pointer-events:auto;font-size:var(--sl-font-size-small);font-family:var(--sl-font-sans);line-height:var(--sl-line-height-normal)}.mobile-toast--visible{transform:translateY(0);opacity:1}.mobile-toast--hiding{transform:translateY(100%);opacity:0}.mobile-toast-icon{flex-shrink:0;font-size:1.25rem}.mobile-toast-message{flex:1;line-height:1.4}.mobile-toast-close{flex-shrink:0;color:var(--text-secondary, #a0a0a0);font-size:1rem;margin-left:auto}.mobile-toast-close:hover{color:var(--text-primary, #f5f5f5)}.mobile-toast-action{flex-shrink:0;--sl-button-font-size-small: .8125rem}.mobile-toast--primary{border-left:3px solid var(--sl-color-primary-500)}.mobile-toast--primary .mobile-toast-icon{color:var(--sl-color-primary-500)}.mobile-toast--success{border-left:3px solid var(--sl-color-success-500)}.mobile-toast--success .mobile-toast-icon{color:var(--sl-color-success-500)}.mobile-toast--warning{border-left:3px solid var(--sl-color-warning-500)}.mobile-toast--warning .mobile-toast-icon{color:var(--sl-color-warning-500)}.mobile-toast--danger{border-left:3px solid var(--sl-color-danger-500)}.mobile-toast--danger .mobile-toast-icon{color:var(--sl-color-danger-500)}.mobile-toast--neutral{border-left:3px solid var(--sl-color-neutral-400)}.mobile-toast--neutral .mobile-toast-icon{color:var(--sl-color-neutral-400)}@media(min-width:768px){.mobile-toast-container{display:none}}.update-banner{position:fixed;bottom:0;left:0;right:0;z-index:10001;background:var(--bg-secondary, #242424);color:var(--text-primary, #f5f5f5);padding:var(--sl-spacing-medium) var(--sl-spacing-large);border-top:1px solid var(--border-color, #3d3d3d);box-shadow:0 -4px 16px #0000004d;transform:translateY(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);max-width:100%}.update-banner-visible{transform:translateY(0)}.update-banner-content{display:flex;align-items:center;gap:var(--sl-spacing-medium);max-width:100%}.update-banner-icon{flex-shrink:0;font-size:1.25rem;color:var(--sl-color-primary-500)}.update-banner-message{flex:1;font-size:var(--sl-font-size-small);line-height:1.4;min-width:0}.update-banner-action{flex-shrink:0;--sl-button-font-size-small: .8125rem}.update-banner-close{flex-shrink:0;color:var(--text-secondary, #a0a0a0)}.update-banner-close:hover{color:var(--text-primary, #f5f5f5)}.update-banner[data-variant=success] .update-banner-icon{color:var(--sl-color-success-500)}.update-banner[data-variant=warning] .update-banner-icon{color:var(--sl-color-warning-500)}.update-banner[data-variant=danger] .update-banner-icon{color:var(--sl-color-danger-500)}@media(min-width:768px){.update-banner{display:none}}body.offline-mode:before{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:var(--status-offline);z-index:10000}.connection-indicator{display:flex;align-items:center;gap:var(--sl-spacing-x-small);padding:var(--sl-spacing-x-small) var(--sl-spacing-small);font-size:var(--sl-font-size-x-small);color:var(--status-online);background:#22c55e1a;border-radius:var(--sl-border-radius-medium)}.connection-indicator.offline{color:var(--status-offline);background:#ef44441a}.hidden{display:none!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:0}.mobile-fab{display:none}@media(max-width:767px){.side-panel{display:none}#map{width:100%;height:100%;flex:1;min-height:0}.app-header{padding:0 var(--sl-spacing-small)}.header-title{display:none}.header-search-desktop,.header-search-results,.header-btn-desktop{display:none!important}.header-btn-mobile{display:flex!important}.header-menu-dropdown{display:block}sl-input{--sl-input-font-size-medium: 16px}sl-input::part(base),sl-input::part(input){font-size:16px!important}#search-input::part(base),#search-input::part(input),#mobile-search-input::part(base),#mobile-search-input::part(input){font-size:16px!important}.mobile-fab{display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:56px;height:56px;border-radius:16px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);align-items:center;justify-content:center;z-index:100;cursor:pointer;transition:all var(--sl-transition-fast)}.sl-theme-dark .mobile-fab{box-shadow:0 4px 12px #0000004d}.sl-theme-light .mobile-fab{box-shadow:0 4px 12px #00000026}.mobile-fab:hover{background:var(--bg-hover);transform:translate(-50%) scale(1.05)}.mobile-fab:active{transform:translate(-50%) scale(.95)}.mobile-panel-drawer::part(panel){height:70vh;max-height:70vh;border-radius:var(--sl-border-radius-large) var(--sl-border-radius-large) 0 0}.mobile-panel-drawer::part(body){padding:0;display:flex;flex-direction:column;height:100%}.sl-theme-dark .mobile-panel-drawer::part(panel){background-color:var(--bg-primary);border-color:var(--border-color)}.sl-theme-dark .mobile-panel-drawer::part(header){background-color:var(--bg-secondary);border-bottom-color:var(--border-color)}.sl-theme-dark .mobile-panel-drawer::part(body){background-color:var(--bg-primary)}.sl-theme-dark .mobile-panel-drawer::part(overlay){background-color:#0009}.sl-theme-light .mobile-panel-drawer::part(panel){background-color:var(--bg-primary);border-color:var(--border-color)}.sl-theme-light .mobile-panel-drawer::part(header){background-color:var(--bg-secondary);border-bottom-color:var(--border-color)}.mobile-panel-content{display:flex;height:100%;overflow:hidden}.mobile-action-bar{display:flex;flex-direction:column;width:56px;padding:var(--sl-spacing-small);background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-shrink:0}.mobile-panel-sections{flex:1;overflow-y:auto;padding:var(--sl-spacing-small);background:var(--bg-primary)}.sl-theme-dark .mobile-action-bar{background-color:var(--bg-secondary);border-right-color:var(--border-color)}.sl-theme-dark .mobile-panel-sections{background-color:var(--bg-primary)}.mobile-panel-sections .panel-section{display:none;flex-direction:column;gap:var(--sl-spacing-small)}.mobile-panel-sections .panel-section.active{display:flex}.fab-container{right:var(--sl-spacing-medium);bottom:var(--sl-spacing-medium)}.fab{width:56px;height:56px;font-size:24px}.fab-refresh{left:var(--sl-spacing-medium);bottom:var(--sl-spacing-large)}.basemap-preview-container{left:var(--sl-spacing-medium);top:calc(var(--header-height) + 56px + var(--sl-spacing-medium));z-index:90}.basemap-preview-thumbnail{width:50px;height:40px}.basemap-preview-label{display:none}.mapboxgl-ctrl-top-right,.mapboxgl-ctrl-top-right .mapboxgl-ctrl{z-index:150!important}.drawer-side{display:none}.drawer-bottom{display:block}}@media(min-width:768px)and (max-width:1024px){#header-search-input{width:220px}.header-search-results{width:360px}.side-panel{width:300px}.side-panel.collapsed{width:56px}.fab-refresh{left:calc(300px + var(--sl-spacing-large))}.side-panel.collapsed~.fab-refresh{left:calc(56px + var(--sl-spacing-large))}.basemap-preview-container{left:calc(300px + var(--sl-spacing-medium))}.side-panel.collapsed~.basemap-preview-container{left:calc(56px + var(--sl-spacing-medium))}}.mobile-search-bar{display:none}@media(max-width:767px){.mobile-search-bar{display:block;padding:var(--sl-spacing-small);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:relative;z-index:300;flex-shrink:0}.mobile-search-bar sl-input{width:100%;--sl-input-font-size-medium: 16px}.mobile-header-search-results{position:absolute;top:100%;left:var(--sl-spacing-small);right:var(--sl-spacing-small);max-height:60vh;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 var(--sl-border-radius-medium) var(--sl-border-radius-medium);z-index:200;box-shadow:var(--sl-shadow-large)}.mobile-header-search-results.hidden{display:none}.mobile-header-search-results .search-result-item{border-left:none;border-right:none;border-radius:0}.mobile-header-search-results .search-result-count{border-left:none;border-right:none}.mobile-header-search-results .search-loading,.mobile-header-search-results .search-error,.mobile-header-search-results .search-no-results,.mobile-header-search-results .search-offline{padding:var(--sl-spacing-x-large)}.sl-theme-dark .mobile-search-bar{background:var(--bg-secondary);border-color:var(--border-color)}.sl-theme-dark .mobile-header-search-results{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 8px 24px #0006}.sl-theme-light .mobile-search-bar{background:var(--bg-secondary);border-color:var(--border-color)}.sl-theme-light .mobile-header-search-results{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 8px 24px #00000026}}@media(pointer:coarse){.action-btn{min-width:44px;min-height:44px}.toggle-item,.data-table tr,.search-result{min-height:48px}.status-card:hover,.search-result:hover,.data-table tr:hover td{background:transparent}.status-card:active,.search-result:active,.data-table tr:active td{background:var(--bg-hover)}sl-switch{--width: 48px;--height: 28px}}.vehicle-list{max-height:300px;overflow-y:auto;margin-top:var(--sl-spacing-small)}.vehicle-item{display:flex;align-items:center;gap:var(--sl-spacing-small);padding:var(--sl-spacing-small);border-radius:var(--sl-border-radius-medium);cursor:pointer;transition:background-color .15s}.vehicle-item:hover{background-color:var(--bg-hover)}.vehicle-info{flex:1;min-width:0}.vehicle-name{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.vehicle-driver{display:block;font-size:.85em;color:var(--text-secondary)}.vehicle-status{font-size:.75em;padding:2px 6px;border-radius:4px;font-weight:500}.vehicle-item.driving .vehicle-status{background-color:var(--status-online);color:#fff}.vehicle-item.stopped .vehicle-status{background-color:var(--text-muted);color:#fff}.sl-theme-dark .vehicle-list{color:var(--text-primary)}.sl-theme-dark .vehicle-item sl-icon{color:var(--text-secondary)}.sl-theme-dark .vehicle-item:hover sl-icon{color:var(--text-primary)}#vehicle-filter::part(base),#mobile-vehicle-filter::part(base){color:var(--text-primary)}#vehicle-filter::part(input),#mobile-vehicle-filter::part(input){color:var(--text-primary)}.sl-theme-dark #vehicle-filter::part(input),.sl-theme-dark #mobile-vehicle-filter::part(input){color:var(--text-primary)}.power-outage-summary{display:flex;flex-direction:column;gap:var(--sl-spacing-small);margin-bottom:var(--sl-spacing-medium)}.power-company-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--sl-border-radius-medium);padding:var(--sl-spacing-small);transition:all var(--sl-transition-fast)}.power-company-card:hover{transform:translateY(-1px);box-shadow:var(--sl-shadow-small)}.power-company-card[data-company=apco]{border-left:4px solid rgb(30,95,175);background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(30,95,175,.06) 100%)}.power-company-card[data-company=tombigbee]{border-left:4px solid rgb(74,124,89);background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(74,124,89,.06) 100%)}.company-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sl-spacing-small)}.company-info{display:flex;align-items:center;gap:var(--sl-spacing-small);flex:1;min-width:0}.company-logo{width:24px;height:24px;object-fit:contain;flex-shrink:0}.company-details{display:flex;flex-direction:column;gap:2px;min-width:0}.company-name{font-size:var(--sl-font-size-small);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customers-affected{font-size:var(--sl-font-size-x-small);color:var(--text-secondary)}.company-actions{display:flex;align-items:center;gap:var(--sl-spacing-small);flex-shrink:0}.outage-counter{text-align:center;padding:var(--sl-spacing-x-small)}.counter-value{font-size:var(--sl-font-size-large);font-weight:700;font-family:var(--sl-font-mono);line-height:1.2}.power-company-card[data-company=apco] .counter-value{color:#1e5faf}.power-company-card[data-company=tombigbee] .counter-value{color:#4a7c59}.counter-label{font-size:var(--sl-font-size-x-small);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500;margin-top:2px}.power-outage-updated{text-align:center;font-size:var(--sl-font-size-x-small);color:var(--text-muted);margin-top:var(--sl-spacing-x-small)}.power-outage-refresh{margin:var(--sl-spacing-small) 0}.outages-list-container{display:flex;flex-direction:column;gap:var(--sl-spacing-small);margin-top:var(--sl-spacing-medium);border-top:1px solid var(--border-color);padding-top:var(--sl-spacing-medium)}.outages-list-header{display:flex;align-items:center;justify-content:space-between;font-size:var(--sl-font-size-small);font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.outage-count{font-size:var(--sl-font-size-x-small);color:var(--text-secondary);font-weight:400}.outages-list{max-height:300px;overflow-y:auto;overflow-x:hidden;border:1px solid var(--border-color);border-radius:var(--sl-border-radius-medium);background:var(--bg-secondary)}.outages-loading{display:flex;align-items:center;justify-content:center;gap:var(--sl-spacing-small);padding:var(--sl-spacing-large);color:var(--text-secondary)}.outage-item{display:flex;align-items:center;gap:var(--sl-spacing-small);padding:var(--sl-spacing-small) var(--sl-spacing-medium);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color var(--sl-transition-fast)}.outage-item:last-child{border-bottom:none}.outage-item:hover{background-color:var(--bg-hover)}.outage-item-logo-wrapper{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all var(--sl-transition-fast)}.outage-item-logo{width:100%;height:100%;object-fit:contain}.outage-item-info{flex:1;min-width:0}.outage-item-label{display:block;font-size:var(--sl-font-size-small);font-weight:500;color:var(--text-primary)}.outage-item-description{display:block;font-size:var(--sl-font-size-x-small);color:var(--text-secondary);margin-top:2px}.outage-item-empty{padding:var(--sl-spacing-large);text-align:center;color:var(--text-secondary);font-size:var(--sl-font-size-small)}.sl-theme-dark .power-company-card,.sl-theme-dark .outages-list,.sl-theme-light .power-company-card{background:var(--bg-secondary);border-color:var(--border-color)}.sl-theme-light .outages-list{background:var(--bg-primary);border-color:var(--border-color)}.sl-theme-dark .mapbox-control-ruler,.sl-theme-dark .mapbox-control-ruler button,.sl-theme-dark .mapboxgl-ctrl-group.mapbox-control-ruler,.sl-theme-dark .mapboxgl-ctrl-group.mapbox-control-ruler button{background:#242424!important;background-color:#242424!important;border-color:#3d3d3d!important}.sl-theme-dark .mapbox-control-ruler button:hover,.sl-theme-dark .mapboxgl-ctrl-group.mapbox-control-ruler button:hover{background:#363636!important;background-color:#363636!important}.sl-theme-dark .mapbox-control-ruler button svg,.sl-theme-dark .mapboxgl-ctrl-group.mapbox-control-ruler button svg{fill:#a0a0a0!important}.sl-theme-dark .mapbox-control-ruler button:hover svg,.sl-theme-dark .mapboxgl-ctrl-group.mapbox-control-ruler button:hover svg{fill:#f5f5f5!important}.sl-theme-dark .mapbox-control-ruler.-active button,.sl-theme-dark .mapboxgl-ctrl-group.mapbox-control-ruler.-active button{background:#2563eb!important;background-color:#2563eb!important}.sl-theme-dark .mapbox-control-ruler.-active button svg,.sl-theme-dark .mapboxgl-ctrl-group.mapbox-control-ruler.-active button svg{fill:#fff!important}.sl-theme-dark .mapbox-ruler-label{background:#1a1a1af2!important;background-color:#1a1a1af2!important;color:#f5f5f5!important;border:1px solid #3d3d3d!important;border-radius:4px!important;padding:4px 8px!important;font-size:12px!important;font-weight:500!important}.sl-theme-light .mapbox-control-ruler,.sl-theme-light .mapbox-control-ruler button,.sl-theme-light .mapboxgl-ctrl-group.mapbox-control-ruler,.sl-theme-light .mapboxgl-ctrl-group.mapbox-control-ruler button{background:#fff!important;background-color:#fff!important;border-color:#dee2e6!important}.sl-theme-light .mapbox-control-ruler button:hover,.sl-theme-light .mapboxgl-ctrl-group.mapbox-control-ruler button:hover{background:#dee2e6!important;background-color:#dee2e6!important}.sl-theme-light .mapbox-control-ruler button svg,.sl-theme-light .mapboxgl-ctrl-group.mapbox-control-ruler button svg{fill:#6c757d!important}.sl-theme-light .mapbox-control-ruler button:hover svg,.sl-theme-light .mapboxgl-ctrl-group.mapbox-control-ruler button:hover svg{fill:#212529!important}.sl-theme-light .mapbox-control-ruler.-active button,.sl-theme-light .mapboxgl-ctrl-group.mapbox-control-ruler.-active button{background:#2563eb!important;background-color:#2563eb!important}.sl-theme-light .mapbox-control-ruler.-active button svg,.sl-theme-light .mapboxgl-ctrl-group.mapbox-control-ruler.-active button svg{fill:#fff!important}.sl-theme-light .mapbox-ruler-label{background:#fffffff2!important;background-color:#fffffff2!important;color:#212529!important;border:1px solid #dee2e6!important;border-radius:4px!important;padding:4px 8px!important;font-size:12px!important;font-weight:500!important}.auth-container{display:none;position:fixed;inset:0;background:linear-gradient(135deg,var(--sl-color-primary-50) 0%,var(--sl-color-primary-100) 100%);align-items:center;justify-content:center;z-index:10000;overflow:auto;padding:2rem}.sl-theme-dark .auth-container{background:linear-gradient(135deg,var(--sl-color-neutral-900) 0%,var(--sl-color-neutral-800) 100%)}.auth-content{width:100%;max-width:450px;display:flex;flex-direction:column;align-items:center;gap:2rem}.auth-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1rem}.auth-logo{height:48px;width:auto;max-width:250px;object-fit:contain;display:none}.auth-title{font-size:2rem;font-weight:700;color:var(--sl-color-neutral-900);margin:0;letter-spacing:-.025em}.sl-theme-dark .auth-title{color:var(--sl-color-neutral-0)}.auth-subtitle{font-size:.875rem;color:var(--sl-color-neutral-600);margin:0;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.sl-theme-dark .auth-subtitle{color:var(--sl-color-neutral-400)}.clerk-component{width:100%;display:none}:root{--clerk-font-family: var(--sl-font-sans);--clerk-border-radius: var(--sl-border-radius-medium)}.auth-container .cl-card,.auth-container .cl-rootBox{width:100%!important;max-width:100%!important;box-shadow:var(--sl-shadow-large)!important}.auth-links{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--sl-color-neutral-600)}.sl-theme-dark .auth-links{color:var(--sl-color-neutral-400)}.auth-link{color:var(--sl-color-primary-600);text-decoration:none;font-weight:500;transition:color .2s ease}.auth-link:hover{color:var(--sl-color-primary-700);text-decoration:underline}.sl-theme-dark .auth-link{color:var(--sl-color-primary-400)}.sl-theme-dark .auth-link:hover{color:var(--sl-color-primary-300)}.auth-separator{color:var(--sl-color-neutral-400);user-select:none}.sl-theme-dark .auth-separator{color:var(--sl-color-neutral-600)}@media(max-width:640px){.auth-container{padding:1rem}.auth-content{max-width:100%}.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.75rem}.auth-logo{height:40px}}.auth-container .loading-overlay{background:#ffffffe6}.sl-theme-dark .auth-container .loading-overlay{background:#000000e6}#app{display:none}