:root{--primary-blue:#4080ff;--primary-blue-hover:#3373ff;--table-header-bg:#f0f7ff;--text-primary:#333;--text-secondary:#666;--border-color:#eee;--background-gray:#f5f5f5;--background-primary:#fff;--background-secondary:#fafafa;--card-background:#fff;--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{justify-content:space-between;align-items:center;min-height:60px;padding:0;display:flex}.global-navbar .logo-container{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.global-navbar .company-logo{object-fit:contain;width:auto;max-height:40px}.global-navbar .nav-tools{align-items:center;gap:.5rem;height:100%;display:flex}.global-navbar .hamburger-btn{justify-content:center;align-items:center;display:flex}@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,.dark ion-menu,.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{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.global-navbar .company-logo{max-height:35px}.global-navbar .hamburger-btn{justify-content:center;align-items:center;margin-right:10px;display:flex}.global-navbar .nav-tools{align-items:center;gap:.5rem;height:100%;margin-left:10px;display:flex}}.app-main[data-v-70219bd7]{flex-direction:column;height:100vh;display:flex;overflow:hidden}.global-header[data-v-70219bd7]{z-index:1000;background:var(--background-secondary);padding-top:env(safe-area-inset-top,0px);padding-top:constant(safe-area-inset-top, 0px);flex-shrink:0;position:static!important}.app-outlet[data-v-70219bd7]{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.app-outlet[data-v-70219bd7] ion-router-outlet{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.app-outlet[data-v-70219bd7] ion-page{flex-direction:column;flex:1;min-height:0;display:flex}.app-outlet[data-v-70219bd7] ion-page ion-content{flex:1;min-height:0}.global-navbar[data-v-70219bd7]{--background:var(--background-secondary);--border-color:transparent;box-shadow:0 2px 4px var(--shadow-color);align-items:center;min-height:60px;padding-top:0;padding-bottom:0;display:flex}.hamburger-btn[data-v-70219bd7]{--color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;font-size:24px;display:flex}.logo-container[data-v-70219bd7]{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.company-logo[data-v-70219bd7]{object-fit:contain;width:auto;max-height:40px}.nav-tools[data-v-70219bd7]{align-items:center;gap:.5rem;height:100%;display:flex}.menu-safe-area-header[data-v-70219bd7]{--min-height:0;padding-top:env(safe-area-inset-top,0px);padding-top:constant(safe-area-inset-top, 0px)}.submenu-list[data-v-70219bd7]{background:var(--background-gray);margin:0;padding:0}.submenu-list ion-item[data-v-70219bd7]{--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-70219bd7]{margin-left:0!important;margin-right:16px!important}.submenu-list ion-item ion-label[data-v-70219bd7]{margin-left:0!important;margin-right:0!important}.submenu-list ion-item[data-v-70219bd7]:hover{--color:var(--primary-blue)}ion-menu ion-item.active[data-v-70219bd7]{--color:var(--primary-blue);--background:var(--background-gray)}ion-menu ion-item ion-icon[data-v-70219bd7]{margin-left:0!important;margin-right:16px!important}ion-menu ion-item ion-label[data-v-70219bd7]{margin-left:0!important;margin-right:0!important}.nav-tools ion-button[fill=clear][data-v-70219bd7]{--color:var(--text-secondary);justify-content:center;align-items:center;font-size:20px;display:flex}@media screen and (max-width:768px){.logo-container[data-v-70219bd7]{transform:translate(-50%,-50%)}.company-logo[data-v-70219bd7]{max-height:35px}}ion-buttons[data-v-70219bd7]{align-items:center;height:100%;display:flex}ion-buttons[slot=start][data-v-70219bd7]{justify-content:flex-start}ion-buttons[slot=end][data-v-70219bd7]{justify-content:flex-end}.active[data-v-70219bd7]{--color:var(--primary-blue)}ion-popover ion-item ion-label h2[data-v-70219bd7]{margin:0;font-size:16px;font-weight:500}ion-popover ion-item ion-label p[data-v-70219bd7]{opacity:.7;color:var(--text-secondary);margin:4px 0 0;font-size:12px}.new-event-dot[data-v-70219bd7]{background-color:#f44;border-radius:50%;width:8px;height:8px;margin-left:8px;animation:2s infinite pulse-70219bd7}@keyframes pulse-70219bd7{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.error-container[data-v-d83be387]{justify-content:center;align-items:center;min-height:60vh;padding:2rem;display:flex}.error-content[data-v-d83be387]{text-align:center;max-width:400px}.error-content h2[data-v-d83be387]{color:var(--ion-color-danger);margin-bottom:1rem}.error-content p[data-v-d83be387]{color:var(--ion-color-medium);margin-bottom:2rem;line-height:1.6}.error-actions[data-v-d83be387]{justify-content:center;gap:1rem;display:flex}@media (min-width:768px){.ion-page[data-v-8b66b1f1]{margin-top:0!important;margin-bottom:0!important}}#app[data-v-8b66b1f1],ion-app[data-v-8b66b1f1]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--background-primary);height:100vh;min-height:100vh;font-family:Avenir,Helvetica,Arial,sans-serif}body[data-v-8b66b1f1]{transition:background-color .3s,color .3s;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-8b66b1f1]{background-color:var(--background-primary);color:var(--text-primary)}ion-item[data-v-8b66b1f1]{--inner-padding-start:16px;--inner-padding-end:16px;--inner-padding-top:12px;--inner-padding-bottom:12px}ion-item ion-icon[data-v-8b66b1f1]{margin-left:0!important;margin-right:16px!important}ion-item ion-label[data-v-8b66b1f1]{margin-left:0!important;margin-right:0!important}ion-button[data-v-8b66b1f1],ion-chip[data-v-8b66b1f1]{--padding-start:16px;--padding-end:16px;--padding-top:12px;--padding-bottom:12px}.page-container[data-v-994d6352]{min-height:100%;display:flex}.left-side[data-v-994d6352]{background-color:#e7f9ff;flex-direction:column;flex:1;padding:2rem;display:flex}.dark .left-side[data-v-994d6352]{background-color:#1a202c}.brand[data-v-994d6352]{margin-bottom:2rem}.brand-logo[data-v-994d6352]{height:40px;margin-bottom:1rem}.brand-text[data-v-994d6352]{color:var(--text-primary);margin-bottom:.5rem;font-size:32px}.brand-subtitle[data-v-994d6352]{color:var(--text-secondary);font-size:16px}.preview-image[data-v-994d6352]{object-fit:contain;flex:1;max-width:100%;height:auto;margin:auto;display:block}.right-side[data-v-994d6352]{background-color:var(--background-primary);flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.login-box[data-v-994d6352]{background:var(--card-background);width:100%;max-width:440px;box-shadow:0 2px 8px var(--shadow-color);border-radius:16px;overflow:hidden}.welcome-header[data-v-994d6352]{background:var(--primary-blue);text-align:left;border-radius:0;margin-bottom:0;padding:1.5rem}.welcome-header h1[data-v-994d6352]{color:#fff;margin:0 0 .5rem;font-size:24px;font-weight:600}.welcome-header p[data-v-994d6352]{color:#fff;opacity:.9;margin:0;font-size:14px}.logo-circle[data-v-994d6352]{background:var(--card-background);width:64px;height:64px;box-shadow:0 2px 8px var(--shadow-color);border-radius:50%;justify-content:center;align-items:center;margin:-3rem auto 2rem;display:flex}.logo[data-v-994d6352]{width:40px;height:40px}.login-form[data-v-994d6352]{background:var(--card-background);border-radius:0 0 16px 16px;padding:2rem}.tab-buttons[data-v-994d6352]{background:var(--background-gray);border-radius:8px;margin-bottom:1.5rem;padding:4px;display:flex}.tab-button[data-v-994d6352]{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:.75rem;font-size:14px}.tab-button.active[data-v-994d6352]{background:var(--card-background);color:var(--primary-blue);box-shadow:0 2px 4px var(--shadow-color)}.form-group[data-v-994d6352]{text-align:left;margin-bottom:1rem}.form-group label[data-v-994d6352]{color:var(--text-secondary);margin-bottom:.5rem;font-size:14px;font-weight:600;display:block}ion-input[data-v-994d6352]{--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-994d6352]{justify-content:space-between;align-items:center;margin:1.5rem 0;display:flex}.remember-me[data-v-994d6352]{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:14px;display:flex}.forgot-link[data-v-994d6352]{color:var(--primary-blue);cursor:pointer;font-size:14px;text-decoration:none}.login-button[data-v-994d6352]{--background:var(--primary-blue);--border-radius:8px;--padding-top:1rem;--padding-bottom:1rem;margin-bottom:1.5rem;font-weight:500}.footer-links[data-v-994d6352]{color:var(--text-secondary);justify-content:center;gap:1rem;margin-bottom:1rem;font-size:14px;display:flex}.footer-links a[data-v-994d6352]{color:var(--primary-blue);cursor:pointer;text-decoration:none}.divider[data-v-994d6352]{color:var(--border-color)}.copyright[data-v-994d6352]{color:var(--text-secondary);text-align:center;font-size:12px}ion-checkbox[data-v-994d6352]{--size:18px;--checkbox-background-checked:var(--primary-blue);--border-color:var(--border-color);--border-radius:4px}@media (max-width:1024px){.left-side[data-v-994d6352]{display:none}}.mobile-input[data-v-994d6352]{align-items:stretch;gap:.5rem;height:48px;margin-top:.25rem;display:flex}.country-select[data-v-994d6352]{--background:var(--background-gray);--border-radius:8px;--padding-top:0;--padding-bottom:0;flex:0 0 100px;align-items:center;height:48px;min-height:48px;display:flex}.mobile-number-input[data-v-994d6352]{--height:48px;--min-height:48px;flex:1;height:48px;min-height:48px}ion-select[data-v-994d6352]{background:var(--background-gray);--placeholder-color:var(--text-secondary);--placeholder-opacity:1;border-radius:8px;width:100%;height:48px;min-height:48px}ion-select[data-v-994d6352]::part(icon){color:var(--text-secondary);opacity:1}ion-select[data-v-994d6352]::part(text){color:var(--text-primary);padding:0 .5rem;font-size:14px}ion-input.mobile-number-input[data-v-994d6352]{--padding-start:1rem;--padding-end:1rem;--padding-top:0;--padding-bottom:0;--height:48px;--min-height:48px;margin:0}ion-input[data-v-994d6352]{--height:48px;--min-height:48px;height:48px;min-height:48px;margin-top:.25rem}.error-message[data-v-994d6352]{color:#dc3545;margin-top:.25rem;font-size:12px}ion-input.error[data-v-994d6352]{--border-color:#dc3545;--background:#fff5f5}.mobile-number-input.error[data-v-994d6352]{--background:#fff5f5}.modal-content img[data-v-994d6352]{border:1px solid var(--border-color);border-radius:4px;max-width:100%;height:auto;margin:10px 0}.modal-content[data-v-994d6352]{text-align:center;padding:20px}.modal-content ion-spinner[data-v-994d6352]{margin:10px auto}.modal-content ion-icon[data-v-994d6352]{margin:10px auto;font-size:24px;display:block}.modal-content p[data-v-994d6352]{color:var(--text-primary);margin:10px 0}#container[data-v-fc7f57d1]{text-align:center;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}#container strong[data-v-fc7f57d1]{font-size:20px;line-height:26px}#container p[data-v-fc7f57d1]{color:var(--text-secondary);margin:0;font-size:16px;line-height:22px}#container a[data-v-fc7f57d1]{text-decoration:none}.breadcrumb[data-v-7e18856c]{background:var(--background-primary);color:#666;box-shadow:0 2px 4px var(--shadow-color);border-bottom:none;padding:1rem 1.5rem;font-size:16px}.breadcrumb-item[data-v-7e18856c]{color:var(--text-secondary);font-weight:600}.breadcrumb-item.clickable[data-v-7e18856c]{cursor:pointer;transition:color .3s}.breadcrumb-item.clickable[data-v-7e18856c]:hover{color:var(--primary-blue)}.breadcrumb-item.active[data-v-7e18856c]{color:var(--text-primary);font-weight:700}.separator[data-v-7e18856c]{color:var(--text-secondary);margin:0 8px;font-weight:500}.global-footer[data-v-24bc1c0a]{background-color:var(--el-bg-color-page);text-align:center;color:var(--el-text-color-regular);padding:1rem;font-size:14px}.footer-content[data-v-24bc1c0a]{justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.footer-links[data-v-24bc1c0a]{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.footer-links a[data-v-24bc1c0a]{color:var(--el-color-primary);text-decoration:none;transition:color .3s}.footer-links a[data-v-24bc1c0a]:hover{color:var(--el-color-primary)}.version[data-v-24bc1c0a]{color:var(--el-text-color-regular);white-space:nowrap}.copyright[data-v-24bc1c0a]{white-space:nowrap}@media screen and (max-width:768px){.footer-content[data-v-24bc1c0a]{text-align:center;flex-direction:column;gap:.5rem}.footer-links[data-v-24bc1c0a]{margin:.5rem 0}.copyright[data-v-24bc1c0a],.version[data-v-24bc1c0a]{order:1}.footer-links[data-v-24bc1c0a]{order:2}}.unified-loading-state[data-v-c1a2bcb3]{text-align:center;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.unified-loading-state.full-overlay[data-v-c1a2bcb3]{background:var(--background-primary);z-index:1000;position:fixed;top:0;bottom:0;left:0;right:0}.unified-loading-state.inline[data-v-c1a2bcb3]{min-height:200px;padding:40px 20px}.loading-content[data-v-c1a2bcb3]{flex-direction:column;justify-content:center;align-items:center;max-width:400px;display:flex}.loading-spinner[data-v-c1a2bcb3]{border:4px solid var(--background-gray,#f3f3f3);border-top:4px solid var(--primary-blue,#3498db);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin-c1a2bcb3}@keyframes spin-c1a2bcb3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-icon[data-v-c1a2bcb3]{color:var(--primary-blue,#3498db);margin-bottom:16px;font-size:48px}.loading-title[data-v-c1a2bcb3]{color:var(--text-primary);margin:8px 0;font-size:18px;font-weight:500}.loading-subtitle[data-v-c1a2bcb3]{color:var(--text-secondary);opacity:.8;max-width:400px;margin:8px 0;font-size:14px;font-weight:400;line-height:1.4}.progress-container[data-v-c1a2bcb3]{width:100%;max-width:300px;margin-top:20px}.progress-bar[data-v-c1a2bcb3]{background:var(--background-gray,#f3f3f3);border-radius:4px;width:100%;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill[data-v-c1a2bcb3]{background:var(--primary-blue,#3498db);border-radius:4px;height:100%;transition:width .3s}.progress-text[data-v-c1a2bcb3]{color:var(--text-secondary);font-size:14px;font-weight:500}.retry-button[data-v-c1a2bcb3]{background:var(--primary-blue,#3498db);color:#fff;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:8px;margin-top:16px;padding:8px 16px;font-size:14px;transition:background-color .2s;display:flex}.retry-button[data-v-c1a2bcb3]:hover{background:var(--primary-blue-dark,#2980b9)}.loading-type-skeleton .loading-content[data-v-c1a2bcb3]{width:100%;max-width:600px}.loading-type-skeleton .skeleton-item[data-v-c1a2bcb3]{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;height:20px;margin-bottom:12px;animation:1.5s infinite skeleton-loading-c1a2bcb3}@keyframes skeleton-loading-c1a2bcb3{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.unified-loading-state.inline[data-v-c1a2bcb3]{min-height:150px;padding:20px 16px}.loading-title[data-v-c1a2bcb3]{font-size:16px}.loading-subtitle[data-v-c1a2bcb3]{font-size:13px}.loading-spinner[data-v-c1a2bcb3]{border-width:3px;width:32px;height:32px}}.loading-overlay[data-v-0f504a72]{z-index:9999;backdrop-filter:blur(4px);background:rgba(255,255,255,.9);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.loading-overlay p[data-v-0f504a72]{color:var(--text-primary);margin-top:1rem;font-size:16px}.fleet-container[data-v-0f504a72]{background:var(--background-primary);padding:1.5rem}[data-v-0f504a72] .breadcrumb{background:var(--background-primary);box-shadow:0 2px 4px var(--shadow-color);text-align:left;border-bottom:none;padding:1rem 1.5rem}.global-header[data-v-0f504a72]{box-shadow:0 2px 4px var(--shadow-color);background:var(--background-secondary);z-index:10;position:relative}.stats-grid[data-v-0f504a72]{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.metrics-map-container[data-v-0f504a72]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.battery-metrics[data-v-0f504a72]{grid-column:span 1}.map-container[data-v-0f504a72]{grid-column:span 2}.overview-container[data-v-0f504a72]{background:var(--card-background);box-shadow:0 4px 12px var(--shadow-color);border-radius:12px;grid-column:span 1;margin-bottom:1.5rem;padding:1.5rem;transition:box-shadow .3s}.overview-container[data-v-0f504a72]:hover{box-shadow:0 6px 16px var(--shadow-color)}.overview-header[data-v-0f504a72]{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}@media (max-width:1024px){.stats-grid[data-v-0f504a72],.metrics-map-container[data-v-0f504a72]{grid-template-columns:repeat(2,1fr)}.overview-container[data-v-0f504a72]{grid-column:span 2}}@media (max-width:768px){.fleet-container[data-v-0f504a72]{padding:1rem}.metrics-map-container[data-v-0f504a72]{grid-template-columns:1fr}.battery-metrics[data-v-0f504a72],.map-container[data-v-0f504a72],.overview-container[data-v-0f504a72]{grid-column:span 1}.gauge-container[data-v-0f504a72]{margin:1rem 0}.metrics-grid[data-v-0f504a72]{grid-template-columns:1fr}.devices-header[data-v-0f504a72]{flex-direction:column;align-items:flex-start;gap:1rem}.devices-actions[data-v-0f504a72]{width:100%;color:var(--text-primary);flex-wrap:wrap;gap:.5rem}ion-searchbar[data-v-0f504a72]{width:100%;max-width:100%}.devices-table[data-v-0f504a72]{padding:10px;overflow-x:auto}.header-row[data-v-0f504a72],.data-row[data-v-0f504a72]{min-width:800px}}@media (max-width:480px){.stats-grid[data-v-0f504a72]{grid-template-columns:1fr}.stat-card[data-v-0f504a72]{padding:1rem}.stat-value[data-v-0f504a72]{font-size:20px}.battery-gauge[data-v-0f504a72]{width:160px;height:160px}.gauge-chart[data-v-0f504a72]{width:160px;height:80px}.gauge-value[data-v-0f504a72]{margin-top:-10px;font-size:24px}.metric-item[data-v-0f504a72]{padding:.75rem}.metric-value[data-v-0f504a72]{font-size:14px}.metric-label[data-v-0f504a72]{font-size:12px}}.stat-card[data-v-0f504a72]{background:var(--card-background);border-radius:8px;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.stat-card.purple[data-v-0f504a72],.stat-card.green[data-v-0f504a72],.stat-card.pink[data-v-0f504a72]{background:var(--background-gray)}.stat-icon[data-v-0f504a72]{border-radius:8px;padding:8px;font-size:24px}.stat-content[data-v-0f504a72]{flex:1}.stat-label[data-v-0f504a72]{color:var(--text-secondary);margin-bottom:.5rem;font-size:14px}.stat-value[data-v-0f504a72]{color:var(--text-primary);font-size:24px;font-weight:600}.unit[data-v-0f504a72]{color:var(--text-secondary);margin-left:4px;font-size:14px}.stat-action[data-v-0f504a72]{color:var(--primary-blue);cursor:pointer;margin-top:.5rem;font-size:14px}.battery-metrics[data-v-0f504a72],.map-container[data-v-0f504a72]{background:var(--card-background);box-shadow:0 4px 12px var(--shadow-color);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;transition:box-shadow .3s}.battery-metrics[data-v-0f504a72]:hover,.map-container[data-v-0f504a72]:hover{box-shadow:0 6px 16px var(--shadow-color)}.metrics-header[data-v-0f504a72],.map-header[data-v-0f504a72]{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.example-tag[data-v-0f504a72]{background-color:var(--background-gray);color:var(--text-secondary);border-radius:4px;padding:4px 8px;font-size:12px}.gauge-container[data-v-0f504a72]{justify-content:center;height:180px;margin:1rem 0 2rem;display:flex}.battery-gauge[data-v-0f504a72]{flex-direction:column;align-items:center;width:300px;height:180px;display:flex;position:relative}.gauge-chart[data-v-0f504a72]{width:300px;height:150px;margin-bottom:0}.gauge-value[data-v-0f504a72]{color:var(--primary-blue);margin-top:-45px;margin-bottom:4px;font-size:36px;font-weight:600}.gauge-label[data-v-0f504a72]{color:var(--text-secondary);text-align:center;font-size:14px}.metrics-grid[data-v-0f504a72]{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.metric-item[data-v-0f504a72]{background:var(--background-gray);border-radius:8px;align-items:center;gap:1rem;padding:1rem;display:flex}.metric-details[data-v-0f504a72]{flex:1}.metric-value[data-v-0f504a72]{color:var(--text-primary);font-weight:600}.metric-label[data-v-0f504a72]{color:var(--text-secondary);font-size:12px}.map-content[data-v-0f504a72]{background:var(--background-gray);border-radius:8px;height:400px}.devices-section[data-v-0f504a72]{background:var(--card-background);box-shadow:0 4px 12px var(--shadow-color);border-radius:12px;margin-bottom:1.5rem;padding:1rem;transition:box-shadow .3s}.devices-section[data-v-0f504a72]:hover{box-shadow:0 6px 16px var(--shadow-color)}.devices-header[data-v-0f504a72]{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.devices-actions[data-v-0f504a72]{color:var(--text-primary);align-items:center;gap:1rem;display:flex}.devices-table[data-v-0f504a72]{width:100%;overflow-x:auto}.devices-table ion-grid[data-v-0f504a72]{width:100%;min-width:800px}.devices-table .header-row[data-v-0f504a72]{background:var(--table-header-bg)}.devices-table ion-row[data-v-0f504a72]{text-align:center;align-items:center}.devices-table ion-col[data-v-0f504a72]{text-align:center;justify-content:center;align-items:center;display:flex}.header-row ion-col[data-v-0f504a72]{color:#333;background:var(--table-header-bg);padding:.75rem 1rem;font-weight:600}.data-row ion-col[data-v-0f504a72]{padding:.5rem}.status-charging.idle[data-v-0f504a72],.status-charging.charging[data-v-0f504a72]{color:#1890ff;background-color:#e6f7ff}.status-charging[data-v-0f504a72]{color:#1890ff;background-color:#e6f7ff;border-radius:4px;padding:4px 8px}@media screen and (max-width:768px){.devices-table[data-v-0f504a72]{-webkit-overflow-scrolling:touch;display:block}.devices-table ion-grid[data-v-0f504a72]{min-width:800px}}ion-searchbar[data-v-0f504a72]{--background:var(--background-gray);color:var(--text-primary);--border-radius:8px;max-width:300px}ion-button[data-v-0f504a72]{--border-radius:8px}h2[data-v-0f504a72]{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.overview-content[data-v-0f504a72]{padding:1rem 0}.overview-stats[data-v-0f504a72]{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.overview-stat[data-v-0f504a72]{background:var(--background-gray);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem 1rem;transition:all .3s;display:flex}.overview-stat[data-v-0f504a72]:hover{box-shadow:0 2px 8px var(--shadow-color);transform:translateY(-2px)}.stat-title[data-v-0f504a72]{color:var(--text-secondary);margin-bottom:.5rem;font-size:14px}.stat-number[data-v-0f504a72]{color:var(--text-primary);margin-bottom:.5rem;font-size:18px;font-weight:600}.stat-trend[data-v-0f504a72]{align-items:center;gap:.25rem;font-size:14px;font-weight:500;display:flex}.stat-trend.positive[data-v-0f504a72]{color:var(--primary-blue)}.stat-trend.negative[data-v-0f504a72]{color:#dc3545}.stat-trend ion-icon[data-v-0f504a72]{font-size:16px}.leaflet-map[data-v-0f504a72]{z-index:1;border-radius:12px;width:100%;height:400px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.map-content[data-v-0f504a72]{border-radius:12px;height:400px;position:relative;overflow:hidden}.desktop-view[data-v-0f504a72],.webview-view[data-v-0f504a72]{display:none}.devices-table-wrapper[data-v-0f504a72]{width:100%;overflow-x:auto}.devices-table[data-v-0f504a72]{border-collapse:separate;border-spacing:0;background:var(--card-background);width:100%;min-width:1000px;box-shadow:0 4px 12px var(--shadow-color);border-radius:12px;transition:box-shadow .3s}.devices-table th[data-v-0f504a72],.devices-table td[data-v-0f504a72]{text-align:center;border-bottom:1px solid var(--border-color);white-space:nowrap;padding:.75rem .5rem}.devices-table th[data-v-0f504a72]{color:var(--text-primary);background:var(--table-header-bg);font-weight:600}.devices-table tr.data-row[data-v-0f504a72]{cursor:pointer}.devices-table tr.data-row[data-v-0f504a72]:hover{background:var(--background-gray)}.devices-table td[data-v-0f504a72]{color:var(--text-primary);font-size:15px}.devices-list[data-v-0f504a72]{gap:1rem;display:grid}.device-detail-table[data-v-0f504a72]{border-collapse:separate;border-spacing:0;background:var(--card-background);width:100%;box-shadow:0 4px 12px var(--shadow-color);cursor:pointer;border-radius:12px;transition:box-shadow .3s}.device-detail-table[data-v-0f504a72]:hover{box-shadow:0 6px 16px var(--shadow-color)}.device-detail-table th[data-v-0f504a72],.device-detail-table td[data-v-0f504a72]{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:.75rem}.device-detail-table tr:last-child th[data-v-0f504a72],.device-detail-table tr:last-child td[data-v-0f504a72]{border-bottom:none}.device-detail-table th[data-v-0f504a72]{text-align:left;width:38%;color:var(--text-primary);background:var(--table-header-bg);font-weight:600}.device-detail-table td[data-v-0f504a72]{text-align:left;color:var(--text-primary);word-break:break-word}.status-charging[data-v-0f504a72]{color:#1890ff;background-color:#e6f7ff;border-radius:4px;padding:4px 8px;font-size:13px}.status-charging.discharging[data-v-0f504a72]{color:#ffc700;background-color:#fff7e6}.status-charging.error[data-v-0f504a72]{color:#ff4d4f;background-color:#ffe6e6}@media (min-width:1025px){.desktop-view[data-v-0f504a72]{display:block!important}.webview-view[data-v-0f504a72]{display:none!important}}@media (max-width:1024px){.desktop-view[data-v-0f504a72]{display:none!important}.webview-view[data-v-0f504a72]{display:grid!important}.device-detail-table th[data-v-0f504a72],.device-detail-table td[data-v-0f504a72]{font-size:14px}}@media (max-width:768px){.device-detail-table th[data-v-0f504a72],.device-detail-table td[data-v-0f504a72]{font-size:13px}}@media (max-width:480px){.device-detail-table th[data-v-0f504a72],.device-detail-table td[data-v-0f504a72]{font-size:12px}}.loading-overlay[data-v-ec6c4bec]{z-index:9999;backdrop-filter:blur(4px);background:rgba(255,255,255,.9);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.loading-overlay p[data-v-ec6c4bec]{color:var(--text-primary);margin-top:1rem;font-size:16px}.devices-container[data-v-ec6c4bec]{background:var(--background-primary);height:100%;padding:1.5rem}.devices-header[data-v-ec6c4bec]{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.header-right[data-v-ec6c4bec]{color:var(--text-primary);align-items:center;gap:1rem;display:flex}.header-right ion-searchbar[data-v-ec6c4bec]{--background:var(--background-gray);--border-radius:4px;--placeholder-color:var(--text-secondary);--color:var(--text-primary)}.learn-more[data-v-ec6c4bec]{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-size:14px;display:flex}.learn-more[data-v-ec6c4bec]:hover{color:var(--primary-blue)}.devices-grid[data-v-ec6c4bec]{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;display:grid}.devices-grid.detailed-view[data-v-ec6c4bec]{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.device-card[data-v-ec6c4bec]{background:var(--card-background);box-shadow:0 2px 8px var(--shadow-color);border-radius:12px;flex-direction:column;width:100%;height:100%;transition:all .3s;display:flex;overflow:hidden}.device-card[data-v-ec6c4bec]:hover{box-shadow:0 4px 12px var(--shadow-color)}.device-simple[data-v-ec6c4bec]{flex-direction:column;height:100%;padding:1rem;display:flex}.device-header[data-v-ec6c4bec]{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.device-title h3[data-v-ec6c4bec]{color:var(--text-primary);margin:0;font-size:16px}.device-id[data-v-ec6c4bec]{color:var(--text-secondary);margin-top:.25rem;font-size:14px}.device-code[data-v-ec6c4bec],.device-nickname[data-v-ec6c4bec]{color:var(--text-secondary);margin-top:.25rem;font-size:12px}.device-image[data-v-ec6c4bec]{flex:1;justify-content:center;align-items:center;margin:1rem 0;display:flex}.device-image img[data-v-ec6c4bec]{object-fit:contain;max-width:100%;max-height:200px}.device-status[data-v-ec6c4bec]{background:var(--background-gray);color:var(--text-secondary);border-radius:6px;justify-content:space-between;align-items:center;margin-top:auto;padding:.5rem;font-size:14px;display:flex}.device-detailed[data-v-ec6c4bec]{flex-direction:column;height:100%;padding:1.5rem;display:flex}.device-info[data-v-ec6c4bec]{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.model-name[data-v-ec6c4bec]{color:var(--text-primary);font-size:16px;font-weight:600}.device-location[data-v-ec6c4bec]{color:var(--text-secondary);background:var(--background-gray);border-radius:4px;width:196px;padding:4px 8px;font-size:14px;display:inline-block}.device-metrics[data-v-ec6c4bec]{flex:1;grid-template-columns:repeat(2,1fr);align-content:center;gap:8px;margin:1rem 0;display:grid}.metric[data-v-ec6c4bec]{background:var(--background-gray);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:100px;padding:1rem;display:flex}.metric-value[data-v-ec6c4bec]{color:var(--text-primary);margin:.5rem 0;font-size:18px;font-weight:600}.metric-label[data-v-ec6c4bec]{color:var(--text-secondary);font-size:12px}.info-table[data-v-ec6c4bec]{border-collapse:collapse;width:100%}.info-table th[data-v-ec6c4bec],.info-table td[data-v-ec6c4bec]{text-align:left;border-bottom:1px solid var(--border-color);padding:.75rem}.info-table th[data-v-ec6c4bec]{background:var(--background-gray);font-weight:600}@media screen and (max-width:768px){.devices-container[data-v-ec6c4bec]{padding:1rem}.devices-header[data-v-ec6c4bec]{flex-direction:column;align-items:flex-start;gap:1rem}.header-right[data-v-ec6c4bec]{flex-wrap:wrap;width:100%}ion-searchbar[data-v-ec6c4bec]{width:100%}.devices-grid[data-v-ec6c4bec],.devices-grid.detailed-view[data-v-ec6c4bec]{grid-template-columns:1fr;gap:1rem}.device-card[data-v-ec6c4bec]{max-width:100%}.device-metrics[data-v-ec6c4bec]{grid-template-columns:1fr}}