:root{--primary-blue: #4080FF;--primary-blue-hover: #3373FF;--table-header-bg: #F0F7FF;--text-primary: #333333;--text-secondary: #666666;--border-color: #EEEEEE;--background-gray: #F5F5F5;--background-primary: #FFFFFF;--background-secondary: #FAFAFA;--card-background: #FFFFFF;--shadow-color: rgba(0, 0, 0, .1);--ion-color-primary: #3880ff;--ion-color-primary-rgb: 56, 128, 255;--ion-color-secondary: #3dc2ff;--ion-color-secondary-rgb: 61, 194, 255;--ion-color-tertiary: #5260ff;--ion-color-tertiary-rgb: 82, 96, 255;--ion-color-success: #2dd36f;--ion-color-success-rgb: 45, 211, 111;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-danger: #eb445a;--ion-color-danger-rgb: 235, 68, 90;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-medium: #92949c;--ion-color-medium-rgb: 146, 148, 156;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248}.dark{--primary-blue: #5B9AFF;--primary-blue-hover: #4A8AFF;--table-header-bg: #1A2332;--text-primary: #E1E5E9;--text-secondary: #B0B8C1;--border-color: #2D3748;--background-gray: #1A202C;--background-primary: #0F1419;--background-secondary: #1A202C;--card-background: #1A202C;--shadow-color: rgba(0, 0, 0, .3);--ion-color-primary: #428cff;--ion-color-primary-rgb: 66,140,255;--ion-color-secondary: #50c8ff;--ion-color-secondary-rgb: 80,200,255;--ion-color-tertiary: #6a64ff;--ion-color-tertiary-rgb: 106,100,255;--ion-color-success: #2fdf75;--ion-color-success-rgb: 47,223,117;--ion-color-warning: #ffd534;--ion-color-warning-rgb: 255,213,52;--ion-color-danger: #ff4961;--ion-color-danger-rgb: 255,73,97;--ion-color-dark: #f4f5f8;--ion-color-dark-rgb: 244,245,248;--ion-color-medium: #989aa2;--ion-color-medium-rgb: 152,154,162;--ion-color-light: #222428;--ion-color-light-rgb: 34,36,40}@media (prefers-color-scheme: dark){body:not(.light){--ion-color-primary: #428cff;--ion-color-primary-rgb: 66,140,255;--ion-color-secondary: #50c8ff;--ion-color-secondary-rgb: 80,200,255;--ion-color-tertiary: #6a64ff;--ion-color-tertiary-rgb: 106,100,255;--ion-color-success: #2fdf75;--ion-color-success-rgb: 47,223,117;--ion-color-warning: #ffd534;--ion-color-warning-rgb: 255,213,52;--ion-color-danger: #ff4961;--ion-color-danger-rgb: 255,73,97;--ion-color-dark: #f4f5f8;--ion-color-dark-rgb: 244,245,248;--ion-color-medium: #989aa2;--ion-color-medium-rgb: 152,154,162;--ion-color-light: #222428;--ion-color-light-rgb: 34,36,40}}.global-navbar{display:flex;align-items:center;justify-content:space-between;padding:0;min-height:60px}.global-navbar .logo-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:1}.global-navbar .company-logo{max-height:40px;width:auto;object-fit:contain}.global-navbar .nav-tools{display:flex;align-items:center;gap:.5rem;height:100%}.global-navbar .hamburger-btn{display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.global-navbar .download-text{display:none}}.dark body{background-color:var(--background-primary);color:var(--text-primary)}.dark ion-content{--background: var(--background-primary)}.dark ion-card{--background: var(--card-background);--color: var(--text-primary)}.dark ion-item{--background: var(--card-background);--color: var(--text-primary);--border-color: var(--border-color)}.dark ion-list{background:var(--card-background)}.dark ion-toolbar{--background: var(--background-secondary);--color: var(--text-primary)}.dark ion-header{--background: var(--background-secondary)}.dark ion-menu{--background: var(--background-secondary)}.dark ion-menu ion-content{--background: var(--background-secondary)}.dark ion-menu ion-item{--background: var(--background-secondary);--color: var(--text-primary)}.dark ion-menu ion-item:hover{--background: var(--background-gray)}.dark ion-menu ion-item.active{--background: var(--primary-blue);--color: white}.dark .submenu-list{background:var(--background-gray)}.dark .submenu-list ion-item{--background: var(--background-gray);--color: var(--text-secondary)}.dark .submenu-list ion-item:hover{--color: var(--primary-blue)}@media screen and (max-width: 768px){.global-navbar{min-height:56px}.global-navbar .logo-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:1}.global-navbar .company-logo{max-height:35px}.global-navbar .hamburger-btn{margin-right:10px;display:flex;align-items:center;justify-content:center}.global-navbar .nav-tools{margin-left:10px;display:flex;align-items:center;gap:.5rem;height:100%}}.app-main[data-v-3f827ea1]{display:flex;flex-direction:column;height:100vh;overflow:hidden}.global-header[data-v-3f827ea1]{position:static!important;flex-shrink:0;z-index:1000;background:var(--background-secondary);padding-top:env(safe-area-inset-top,0px);padding-top:constant(safe-area-inset-top,0px)}.app-outlet[data-v-3f827ea1]{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;position:relative}.app-outlet[data-v-3f827ea1] ion-router-outlet{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.app-outlet[data-v-3f827ea1] ion-page{flex:1;min-height:0;display:flex;flex-direction:column}.app-outlet[data-v-3f827ea1] ion-page ion-content{flex:1;min-height:0}.global-navbar[data-v-3f827ea1]{--background: var(--background-secondary);--border-color: transparent;box-shadow:0 2px 4px var(--shadow-color);display:flex;align-items:center;min-height:60px;padding-top:0;padding-bottom:0}.hamburger-btn[data-v-3f827ea1]{font-size:24px;--color: var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.logo-container[data-v-3f827ea1]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:1}.company-logo[data-v-3f827ea1]{max-height:40px;width:auto;object-fit:contain}.nav-tools[data-v-3f827ea1]{display:flex;align-items:center;gap:.5rem;height:100%}.menu-safe-area-header[data-v-3f827ea1]{--min-height: 0;padding-top:env(safe-area-inset-top,0px);padding-top:constant(safe-area-inset-top,0px)}.submenu-list[data-v-3f827ea1]{background:var(--background-gray);margin:0;padding:0}.submenu-list ion-item[data-v-3f827ea1]{--padding-start: 3rem;--background: transparent;--color: var(--text-secondary);--inner-padding-start: 0;--inner-padding-end: 0;--inner-padding-top: 0;--inner-padding-bottom: 0}.submenu-list ion-item ion-icon[data-v-3f827ea1]{margin-right:16px!important;margin-left:0!important}.submenu-list ion-item ion-label[data-v-3f827ea1]{margin-left:0!important;margin-right:0!important}.submenu-list ion-item[data-v-3f827ea1]:hover{--color: var(--primary-blue)}ion-menu ion-item.active[data-v-3f827ea1]{--color: var(--primary-blue);--background: var(--background-gray)}ion-menu ion-item ion-icon[data-v-3f827ea1]{margin-right:16px!important;margin-left:0!important}ion-menu ion-item ion-label[data-v-3f827ea1]{margin-left:0!important;margin-right:0!important}.nav-tools ion-button[fill=clear][data-v-3f827ea1]{--color: var(--text-secondary);font-size:20px;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 768px){.logo-container[data-v-3f827ea1]{transform:translate(-50%,-50%)}.company-logo[data-v-3f827ea1]{max-height:35px}}ion-buttons[data-v-3f827ea1]{display:flex;align-items:center;height:100%}ion-buttons[slot=start][data-v-3f827ea1]{justify-content:flex-start}ion-buttons[slot=end][data-v-3f827ea1]{justify-content:flex-end}.active[data-v-3f827ea1]{--color: var(--primary-blue)}ion-popover ion-item ion-label h2[data-v-3f827ea1]{margin:0;font-size:16px;font-weight:500}ion-popover ion-item ion-label p[data-v-3f827ea1]{margin:4px 0 0;font-size:12px;opacity:.7;color:var(--text-secondary)}.new-event-dot[data-v-3f827ea1]{width:8px;height:8px;background-color:#f44;border-radius:50%;margin-left:8px;animation:pulse-3f827ea1 2s infinite}@keyframes pulse-3f827ea1{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.error-container[data-v-11e135e1]{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.error-content[data-v-11e135e1]{text-align:center;max-width:400px}.error-content h2[data-v-11e135e1]{color:var(--ion-color-danger);margin-bottom:1rem}.error-content p[data-v-11e135e1]{color:var(--ion-color-medium);margin-bottom:2rem;line-height:1.6}.error-actions[data-v-11e135e1]{display:flex;gap:1rem;justify-content:center}@media (min-width: 768px){.ion-page[data-v-e2b0874d]{margin-top:0!important;margin-bottom:0!important}}#app[data-v-e2b0874d],ion-app[data-v-e2b0874d]{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--background-primary);min-height:100vh;height:100vh}body[data-v-e2b0874d]{transition:background-color .3s ease,color .3s ease;margin-top:constant(safe-area-inset-top)!important;margin-top:env(safe-area-inset-top)!important;margin-bottom:constant(safe-area-inset-bottom)!important;margin-bottom:env(safe-area-inset-bottom)!important}.dark #app[data-v-e2b0874d]{background-color:var(--background-primary);color:var(--text-primary)}ion-item[data-v-e2b0874d]{--inner-padding-start: 16px;--inner-padding-end: 16px;--inner-padding-top: 12px;--inner-padding-bottom: 12px}ion-item ion-icon[data-v-e2b0874d]{margin-right:16px!important;margin-left:0!important}ion-item ion-label[data-v-e2b0874d]{margin-left:0!important;margin-right:0!important}ion-button[data-v-e2b0874d]{--padding-start: 16px;--padding-end: 16px;--padding-top: 12px;--padding-bottom: 12px}ion-chip[data-v-e2b0874d]{--padding-start: 16px;--padding-end: 16px;--padding-top: 12px;--padding-bottom: 12px}.page-container[data-v-f54fc80c]{display:flex;min-height:100%}.left-side[data-v-f54fc80c]{flex:1;background-color:#e7f9ff;padding:2rem;display:flex;flex-direction:column}.dark .left-side[data-v-f54fc80c]{background-color:#1a202c}.brand[data-v-f54fc80c]{margin-bottom:2rem}.brand-logo[data-v-f54fc80c]{height:40px;margin-bottom:1rem}.brand-text[data-v-f54fc80c]{font-size:32px;color:var(--text-primary);margin-bottom:.5rem}.brand-subtitle[data-v-f54fc80c]{color:var(--text-secondary);font-size:16px}.preview-image[data-v-f54fc80c]{flex:1;object-fit:contain;max-width:100%;margin:auto;display:block;height:auto}.right-side[data-v-f54fc80c]{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:var(--background-primary)}.login-box[data-v-f54fc80c]{width:100%;max-width:440px;background:var(--card-background);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px var(--shadow-color)}.welcome-header[data-v-f54fc80c]{background:var(--primary-blue);padding:1.5rem;margin-bottom:0;text-align:left;border-radius:0}.welcome-header h1[data-v-f54fc80c]{color:#fff;font-size:24px;font-weight:600;margin:0 0 .5rem}.welcome-header p[data-v-f54fc80c]{color:#fff;font-size:14px;margin:0;opacity:.9}.logo-circle[data-v-f54fc80c]{width:64px;height:64px;background:var(--card-background);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:-3rem auto 2rem;box-shadow:0 2px 8px var(--shadow-color)}.logo[data-v-f54fc80c]{width:40px;height:40px}.login-form[data-v-f54fc80c]{background:var(--card-background);padding:2rem;border-radius:0 0 16px 16px}.tab-buttons[data-v-f54fc80c]{display:flex;margin-bottom:1.5rem;background:var(--background-gray);padding:4px;border-radius:8px}.tab-button[data-v-f54fc80c]{flex:1;padding:.75rem;border:none;background:none;font-size:14px;color:var(--text-secondary);cursor:pointer;border-radius:6px}.tab-button.active[data-v-f54fc80c]{background:var(--card-background);color:var(--primary-blue);box-shadow:0 2px 4px var(--shadow-color)}.form-group[data-v-f54fc80c]{text-align:left;margin-bottom:1rem}.form-group label[data-v-f54fc80c]{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:14px;font-weight:600}ion-input[data-v-f54fc80c]{--background: var(--background-gray);--padding-start: 1rem;--padding-end: 1rem;--padding-top: 1rem;--padding-bottom: 1rem;--border-radius: 8px;--color: var(--text-primary);margin-top:.25rem}.remember-forgot[data-v-f54fc80c]{display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0}.remember-me[data-v-f54fc80c]{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:14px}.forgot-link[data-v-f54fc80c]{color:var(--primary-blue);text-decoration:none;font-size:14px;cursor:pointer}.login-button[data-v-f54fc80c]{--background: var(--primary-blue);--border-radius: 8px;--padding-top: 1rem;--padding-bottom: 1rem;font-weight:500;margin-bottom:1.5rem}.footer-links[data-v-f54fc80c]{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;color:var(--text-secondary);font-size:14px}.footer-links a[data-v-f54fc80c]{color:var(--primary-blue);text-decoration:none;cursor:pointer}.divider[data-v-f54fc80c]{color:var(--border-color)}.copyright[data-v-f54fc80c]{color:var(--text-secondary);font-size:12px;text-align:center}ion-checkbox[data-v-f54fc80c]{--size: 18px;--checkbox-background-checked: var(--primary-blue);--border-color: var(--border-color);--border-radius: 4px}@media (max-width: 1024px){.left-side[data-v-f54fc80c]{display:none}}.mobile-input[data-v-f54fc80c]{display:flex;gap:.5rem;align-items:stretch;height:48px;margin-top:.25rem}.country-select[data-v-f54fc80c]{flex:0 0 100px;--background: var(--background-gray);--border-radius: 8px;height:48px;min-height:48px;--padding-top: 0;--padding-bottom: 0;display:flex;align-items:center}.mobile-number-input[data-v-f54fc80c]{flex:1;height:48px;min-height:48px;--height: 48px;--min-height: 48px}ion-select[data-v-f54fc80c]{background:var(--background-gray);border-radius:8px;--placeholder-color: var(--text-secondary);--placeholder-opacity: 1;min-height:48px;height:48px;width:100%}ion-select[data-v-f54fc80c]::part(icon){color:var(--text-secondary);opacity:1}ion-select[data-v-f54fc80c]::part(text){color:var(--text-primary);font-size:14px;padding:0 .5rem}ion-input.mobile-number-input[data-v-f54fc80c]{--padding-start: 1rem;--padding-end: 1rem;--padding-top: 0;--padding-bottom: 0;--height: 48px;--min-height: 48px;margin:0}ion-input[data-v-f54fc80c]{--height: 48px;--min-height: 48px;height:48px;min-height:48px;margin-top:.25rem}.error-message[data-v-f54fc80c]{color:#dc3545;font-size:12px;margin-top:.25rem}ion-input.error[data-v-f54fc80c]{--border-color: #dc3545;--background: #fff5f5}.mobile-number-input.error[data-v-f54fc80c]{--background: #fff5f5}.modal-content img[data-v-f54fc80c]{max-width:100%;height:auto;border:1px solid var(--border-color);border-radius:4px;margin:10px 0}.modal-content[data-v-f54fc80c]{padding:20px;text-align:center}.modal-content ion-spinner[data-v-f54fc80c]{margin:10px auto}.modal-content ion-icon[data-v-f54fc80c]{font-size:24px;margin:10px auto;display:block}.modal-content p[data-v-f54fc80c]{margin:10px 0;color:var(--text-primary)}#container[data-v-dc646f10]{text-align:center;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}#container strong[data-v-dc646f10]{font-size:20px;line-height:26px}#container p[data-v-dc646f10]{font-size:16px;line-height:22px;color:var(--text-secondary);margin:0}#container a[data-v-dc646f10]{text-decoration:none}.breadcrumb[data-v-8613a57d]{padding:1rem 1.5rem;background:var(--background-primary);font-size:16px;color:#666;border-bottom:none;box-shadow:0 2px 4px var(--shadow-color)}.breadcrumb-item[data-v-8613a57d]{color:var(--text-secondary);font-weight:600}.breadcrumb-item.clickable[data-v-8613a57d]{cursor:pointer;transition:color .3s ease}.breadcrumb-item.clickable[data-v-8613a57d]:hover{color:var(--primary-blue)}.breadcrumb-item.active[data-v-8613a57d]{color:var(--text-primary);font-weight:700}.separator[data-v-8613a57d]{margin:0 8px;color:var(--text-secondary);font-weight:500}.global-footer[data-v-e79ee153]{background-color:var(--el-bg-color-page);padding:1rem;text-align:center;font-size:14px;color:var(--el-text-color-regular)}.footer-content[data-v-e79ee153]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;gap:1rem}.footer-links[data-v-e79ee153]{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.footer-links a[data-v-e79ee153]{color:var(--el-text-color-regular);text-decoration:none;transition:color .3s ease;color:var(--el-color-primary)}.footer-links a[data-v-e79ee153]:hover{color:var(--el-color-primary)}.version[data-v-e79ee153]{color:var(--el-text-color-regular);white-space:nowrap}.copyright[data-v-e79ee153]{white-space:nowrap}@media screen and (max-width: 768px){.footer-content[data-v-e79ee153]{flex-direction:column;text-align:center;gap:.5rem}.footer-links[data-v-e79ee153]{margin:.5rem 0}.copyright[data-v-e79ee153],.version[data-v-e79ee153]{order:1}.footer-links[data-v-e79ee153]{order:2}}.unified-loading-state[data-v-ecc34735]{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary)}.unified-loading-state.full-overlay[data-v-ecc34735]{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--background-primary);z-index:1000}.unified-loading-state.inline[data-v-ecc34735]{padding:40px 20px;min-height:200px}.loading-content[data-v-ecc34735]{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:400px}.loading-spinner[data-v-ecc34735]{width:40px;height:40px;border:4px solid var(--background-gray, #f3f3f3);border-top:4px solid var(--primary-blue, #3498db);border-radius:50%;animation:spin-ecc34735 1s linear infinite;margin-bottom:16px}@keyframes spin-ecc34735{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-icon[data-v-ecc34735]{font-size:48px;margin-bottom:16px;color:var(--primary-blue, #3498db)}.loading-title[data-v-ecc34735]{margin:8px 0;font-size:18px;font-weight:500;color:var(--text-primary)}.loading-subtitle[data-v-ecc34735]{margin:8px 0;font-size:14px;color:var(--text-secondary);opacity:.8;max-width:400px;line-height:1.4;font-weight:400}.progress-container[data-v-ecc34735]{margin-top:20px;width:100%;max-width:300px}.progress-bar[data-v-ecc34735]{width:100%;height:8px;background:var(--background-gray, #f3f3f3);border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-ecc34735]{height:100%;background:var(--primary-blue, #3498db);border-radius:4px;transition:width .3s ease}.progress-text[data-v-ecc34735]{font-size:14px;color:var(--text-secondary);font-weight:500}.retry-button[data-v-ecc34735]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--primary-blue, #3498db);color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s ease;margin-top:16px}.retry-button[data-v-ecc34735]:hover{background:var(--primary-blue-dark, #2980b9)}.loading-type-skeleton .loading-content[data-v-ecc34735]{width:100%;max-width:600px}.loading-type-skeleton .skeleton-item[data-v-ecc34735]{height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading-ecc34735 1.5s infinite;border-radius:4px;margin-bottom:12px}@keyframes skeleton-loading-ecc34735{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.unified-loading-state.inline[data-v-ecc34735]{padding:20px 16px;min-height:150px}.loading-title[data-v-ecc34735]{font-size:16px}.loading-subtitle[data-v-ecc34735]{font-size:13px}.loading-spinner[data-v-ecc34735]{width:32px;height:32px;border-width:3px}}.loading-overlay[data-v-fbd1f389]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;backdrop-filter:blur(4px)}.loading-overlay p[data-v-fbd1f389]{margin-top:1rem;color:var(--text-primary);font-size:16px}.fleet-container[data-v-fbd1f389]{padding:1.5rem;background:var(--background-primary)}[data-v-fbd1f389] .breadcrumb{padding:1rem 1.5rem;background:var(--background-primary);border-bottom:none;box-shadow:0 2px 4px var(--shadow-color);text-align:left}.global-header[data-v-fbd1f389]{box-shadow:0 2px 4px var(--shadow-color);background:var(--background-secondary);position:relative;z-index:10}.stats-grid[data-v-fbd1f389]{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.metrics-map-container[data-v-fbd1f389]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.battery-metrics[data-v-fbd1f389]{grid-column:span 1}.map-container[data-v-fbd1f389]{grid-column:span 2}.overview-container[data-v-fbd1f389]{grid-column:span 1;background:var(--card-background);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);margin-bottom:1.5rem;padding:1.5rem;transition:box-shadow .3s ease}.overview-container[data-v-fbd1f389]:hover{box-shadow:0 6px 16px var(--shadow-color)}.overview-header[data-v-fbd1f389]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}@media (max-width: 1024px){.stats-grid[data-v-fbd1f389],.metrics-map-container[data-v-fbd1f389]{grid-template-columns:repeat(2,1fr)}.overview-container[data-v-fbd1f389]{grid-column:span 2}}@media (max-width: 768px){.fleet-container[data-v-fbd1f389]{padding:1rem}.metrics-map-container[data-v-fbd1f389]{grid-template-columns:1fr}.battery-metrics[data-v-fbd1f389],.map-container[data-v-fbd1f389],.overview-container[data-v-fbd1f389]{grid-column:span 1}.gauge-container[data-v-fbd1f389]{margin:1rem 0}.metrics-grid[data-v-fbd1f389]{grid-template-columns:1fr}.devices-header[data-v-fbd1f389]{flex-direction:column;align-items:flex-start;gap:1rem}.devices-actions[data-v-fbd1f389]{width:100%;flex-wrap:wrap;gap:.5rem;color:var(--text-primary)}ion-searchbar[data-v-fbd1f389]{width:100%;max-width:100%}.devices-table[data-v-fbd1f389]{overflow-x:auto;padding:10px}.header-row[data-v-fbd1f389],.data-row[data-v-fbd1f389]{min-width:800px}}@media (max-width: 480px){.stats-grid[data-v-fbd1f389]{grid-template-columns:1fr}.stat-card[data-v-fbd1f389]{padding:1rem}.stat-value[data-v-fbd1f389]{font-size:20px}.battery-gauge[data-v-fbd1f389]{width:160px;height:160px}.gauge-chart[data-v-fbd1f389]{width:160px;height:80px}.gauge-value[data-v-fbd1f389]{font-size:24px;margin-top:-10px}.metric-item[data-v-fbd1f389]{padding:.75rem}.metric-value[data-v-fbd1f389]{font-size:14px}.metric-label[data-v-fbd1f389]{font-size:12px}}.stat-card[data-v-fbd1f389]{background:var(--card-background);border-radius:8px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem}.stat-card.purple[data-v-fbd1f389],.stat-card.green[data-v-fbd1f389],.stat-card.pink[data-v-fbd1f389]{background:var(--background-gray)}.stat-icon[data-v-fbd1f389]{font-size:24px;padding:8px;border-radius:8px}.stat-content[data-v-fbd1f389]{flex:1}.stat-label[data-v-fbd1f389]{color:var(--text-secondary);font-size:14px;margin-bottom:.5rem}.stat-value[data-v-fbd1f389]{font-size:24px;font-weight:600;color:var(--text-primary)}.unit[data-v-fbd1f389]{font-size:14px;color:var(--text-secondary);margin-left:4px}.stat-action[data-v-fbd1f389]{color:var(--primary-blue);font-size:14px;margin-top:.5rem;cursor:pointer}.battery-metrics[data-v-fbd1f389],.map-container[data-v-fbd1f389]{background:var(--card-background);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);margin-bottom:1.5rem;padding:1.5rem;transition:box-shadow .3s ease}.battery-metrics[data-v-fbd1f389]:hover,.map-container[data-v-fbd1f389]:hover{box-shadow:0 6px 16px var(--shadow-color)}.metrics-header[data-v-fbd1f389],.map-header[data-v-fbd1f389]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.example-tag[data-v-fbd1f389]{background-color:var(--background-gray);color:var(--text-secondary);padding:4px 8px;border-radius:4px;font-size:12px}.gauge-container[data-v-fbd1f389]{display:flex;justify-content:center;margin:1rem 0 2rem;height:180px}.battery-gauge[data-v-fbd1f389]{width:300px;height:180px;position:relative;display:flex;flex-direction:column;align-items:center}.gauge-chart[data-v-fbd1f389]{width:300px;height:150px;margin-bottom:0}.gauge-value[data-v-fbd1f389]{font-size:36px;font-weight:600;color:var(--primary-blue);margin-top:-45px;margin-bottom:4px}.gauge-label[data-v-fbd1f389]{font-size:14px;color:var(--text-secondary);text-align:center}.metrics-grid[data-v-fbd1f389]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.metric-item[data-v-fbd1f389]{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--background-gray);border-radius:8px}.metric-details[data-v-fbd1f389]{flex:1}.metric-value[data-v-fbd1f389]{font-weight:600;color:var(--text-primary)}.metric-label[data-v-fbd1f389]{font-size:12px;color:var(--text-secondary)}.map-content[data-v-fbd1f389]{height:400px;background:var(--background-gray);border-radius:8px}.devices-section[data-v-fbd1f389]{background:var(--card-background);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);margin-bottom:1.5rem;padding:1rem;transition:box-shadow .3s ease}.devices-section[data-v-fbd1f389]:hover{box-shadow:0 6px 16px var(--shadow-color)}.devices-header[data-v-fbd1f389]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.devices-actions[data-v-fbd1f389]{display:flex;gap:1rem;align-items:center;color:var(--text-primary)}.devices-table[data-v-fbd1f389]{width:100%;overflow-x:auto}.devices-table ion-grid[data-v-fbd1f389]{width:100%;min-width:800px}.devices-table .header-row[data-v-fbd1f389]{background:var(--table-header-bg)}.devices-table ion-row[data-v-fbd1f389]{text-align:center;align-items:center}.devices-table ion-col[data-v-fbd1f389]{display:flex;justify-content:center;align-items:center;text-align:center}.header-row ion-col[data-v-fbd1f389]{font-weight:600;color:#333;padding:.75rem 1rem;background:var(--table-header-bg)}.data-row ion-col[data-v-fbd1f389]{padding:.5rem}.status-charging.idle[data-v-fbd1f389],.status-charging.charging[data-v-fbd1f389]{background-color:#e6f7ff;color:#1890ff}.status-charging.discharging[data-v-fbd1f389]{background-color:#ffe6e6;color:#ffc700}.status-charging.error[data-v-fbd1f389]{background-color:#fff7e6;color:#ff4d4f}.status-charging[data-v-fbd1f389]{background-color:#e6f7ff;color:#1890ff;padding:4px 8px;border-radius:4px}@media screen and (max-width: 768px){.devices-table[data-v-fbd1f389]{display:block;-webkit-overflow-scrolling:touch}.devices-table ion-grid[data-v-fbd1f389]{min-width:800px}}ion-searchbar[data-v-fbd1f389]{--background: var(--background-gray);color:var(--text-primary);--border-radius: 8px;max-width:300px}ion-button[data-v-fbd1f389]{--border-radius: 8px}h2[data-v-fbd1f389]{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.overview-content[data-v-fbd1f389]{padding:1rem 0}.overview-stats[data-v-fbd1f389]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.overview-stat[data-v-fbd1f389]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;background:var(--background-gray);border-radius:8px;transition:all .3s ease}.overview-stat[data-v-fbd1f389]:hover{transform:translateY(-2px);box-shadow:0 2px 8px var(--shadow-color)}.stat-title[data-v-fbd1f389]{font-size:14px;color:var(--text-secondary);margin-bottom:.5rem}.stat-number[data-v-fbd1f389]{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.stat-trend[data-v-fbd1f389]{display:flex;align-items:center;gap:.25rem;font-size:14px;font-weight:500}.stat-trend.positive[data-v-fbd1f389]{color:var(--primary-blue)}.stat-trend.negative[data-v-fbd1f389]{color:#dc3545}.stat-trend ion-icon[data-v-fbd1f389]{font-size:16px}.leaflet-map[data-v-fbd1f389]{width:100%;height:400px;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1}.map-content[data-v-fbd1f389]{height:400px;position:relative;overflow:hidden;border-radius:12px}.devices-table-wrapper[data-v-fbd1f389]{width:100%;overflow-x:auto}.devices-table[data-v-fbd1f389]{width:100%;min-width:800px;border-collapse:separate;border-spacing:0;background:var(--card-background);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);transition:box-shadow .3s ease}.devices-table th[data-v-fbd1f389],.devices-table td[data-v-fbd1f389]{text-align:center;padding:.75rem .5rem;border-bottom:1px solid var(--border-color);white-space:nowrap}.devices-table th[data-v-fbd1f389]{font-weight:600;color:var(--text-primary);background:var(--table-header-bg)}.devices-table tr.data-row[data-v-fbd1f389]:hover{background:var(--background-gray)}.devices-table td[data-v-fbd1f389]{font-size:15px;color:var(--text-primary)}.status-charging[data-v-fbd1f389]{background-color:#e6f7ff;color:#1890ff;padding:4px 8px;border-radius:4px;font-size:13px}.status-charging.discharging[data-v-fbd1f389]{background-color:#fff7e6;color:#ffc700}.status-charging.error[data-v-fbd1f389]{background-color:#ffe6e6;color:#ff4d4f}@media (max-width: 1024px){.devices-table[data-v-fbd1f389]{min-width:800px}}@media (max-width: 768px){.devices-table[data-v-fbd1f389]{min-width:800px;font-size:13px}}@media (max-width: 480px){.devices-table[data-v-fbd1f389]{font-size:12px}}.loading-overlay[data-v-bd8eba72]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;backdrop-filter:blur(4px)}.loading-overlay p[data-v-bd8eba72]{margin-top:1rem;color:var(--text-primary);font-size:16px}.devices-container[data-v-bd8eba72]{padding:1.5rem;height:100%;background:var(--background-primary)}.devices-header[data-v-bd8eba72]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header-right[data-v-bd8eba72]{display:flex;color:var(--text-primary);gap:1rem;align-items:center}.header-right ion-searchbar[data-v-bd8eba72]{--background: var(--background-gray);--border-radius: 4px;--placeholder-color: var(--text-secondary);--color: var(--text-primary)}.learn-more[data-v-bd8eba72]{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px}.learn-more[data-v-bd8eba72]:hover{color:var(--primary-blue)}.devices-grid[data-v-bd8eba72]{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.devices-grid.detailed-view[data-v-bd8eba72]{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.device-card[data-v-bd8eba72]{background:var(--card-background);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px var(--shadow-color);transition:all .3s ease;height:100%;width:100%;display:flex;flex-direction:column}.device-card[data-v-bd8eba72]:hover{box-shadow:0 4px 12px var(--shadow-color)}.device-simple[data-v-bd8eba72]{padding:1rem;height:100%;display:flex;flex-direction:column}.device-header[data-v-bd8eba72]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.device-title h3[data-v-bd8eba72]{margin:0;font-size:16px;color:var(--text-primary)}.device-id[data-v-bd8eba72]{font-size:14px;color:var(--text-secondary);margin-top:.25rem}.device-code[data-v-bd8eba72],.device-nickname[data-v-bd8eba72]{font-size:12px;color:var(--text-secondary);margin-top:.25rem}.device-image[data-v-bd8eba72]{flex:1;display:flex;align-items:center;justify-content:center;margin:1rem 0}.device-image img[data-v-bd8eba72]{max-width:100%;max-height:200px;object-fit:contain}.device-status[data-v-bd8eba72]{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:var(--background-gray);border-radius:6px;font-size:14px;color:var(--text-secondary);margin-top:auto}.device-detailed[data-v-bd8eba72]{padding:1.5rem;height:100%;display:flex;flex-direction:column}.device-info[data-v-bd8eba72]{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.model-name[data-v-bd8eba72]{font-size:16px;font-weight:600;color:var(--text-primary)}.device-location[data-v-bd8eba72]{font-size:14px;color:var(--text-secondary);padding:4px 8px;background:var(--background-gray);border-radius:4px;width:196px;display:inline-block}.device-metrics[data-v-bd8eba72]{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:1rem 0;align-content:center}.metric[data-v-bd8eba72]{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--background-gray);border-radius:8px;height:100px;justify-content:center}.metric-value[data-v-bd8eba72]{font-size:18px;font-weight:600;color:var(--text-primary);margin:.5rem 0}.metric-label[data-v-bd8eba72]{font-size:12px;color:var(--text-secondary)}.info-table[data-v-bd8eba72]{width:100%;border-collapse:collapse}.info-table th[data-v-bd8eba72],.info-table td[data-v-bd8eba72]{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.info-table th[data-v-bd8eba72]{font-weight:600;background:var(--background-gray)}@media screen and (max-width: 768px){.devices-container[data-v-bd8eba72]{padding:1rem}.devices-header[data-v-bd8eba72]{flex-direction:column;align-items:flex-start;gap:1rem}.header-right[data-v-bd8eba72]{width:100%;flex-wrap:wrap}ion-searchbar[data-v-bd8eba72]{width:100%}.devices-grid[data-v-bd8eba72],.devices-grid.detailed-view[data-v-bd8eba72]{grid-template-columns:1fr;gap:1rem}.device-card[data-v-bd8eba72]{max-width:100%}.device-metrics[data-v-bd8eba72]{grid-template-columns:1fr}}