.app-sidebar[data-v-1ae66884]{width:250px;background-color:#1e293b;height:100vh;position:fixed;left:0;top:0;transition:width .3s;overflow-y:auto;overflow-x:hidden;z-index:100;display:flex;flex-direction:column}.app-sidebar.collapsed[data-v-1ae66884]{width:80px}.logo-section[data-v-1ae66884]{display:flex;align-items:center;justify-content:center;padding:20px;border-bottom:1px solid #334155}.logo[data-v-1ae66884]{height:40px}.menu-section[data-v-1ae66884]{margin-top:10px;padding:0}.menu-title[data-v-1ae66884]{font-size:12px;text-transform:uppercase;color:#9ca3af;margin-bottom:10px;display:block;padding-left:20px}.menu[data-v-1ae66884]{list-style:none;padding:0;margin:0}.menu-item[data-v-1ae66884]{padding:10px 0}.menu-link[data-v-1ae66884]{text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:left;padding:10px 18px;transition:background .3s,justify-content .3s,padding .3s;border-radius:4px}.app-sidebar.collapsed .menu-link[data-v-1ae66884]{justify-content:center;padding:10px 0}.menu-link i[data-v-1ae66884]{font-size:20px}.menu-link span[data-v-1ae66884]{margin-left:10px}.menu-link[data-v-1ae66884]:hover{background:#334155}.dropdown-icon[data-v-1ae66884]{margin-left:auto;transition:transform .3s}.dropdown-icon.rotated[data-v-1ae66884]{transform:rotate(180deg)}.submenu[data-v-1ae66884]{list-style:none;padding:0 20px;margin:5px 0}.submenu li[data-v-1ae66884]{margin:5px 0}.submenu li a[data-v-1ae66884]{text-decoration:none;color:#cbd5e1;font-size:14px}.submenu li a[data-v-1ae66884]:hover{color:#fff}.menu-link.router-link-active[data-v-1ae66884]{background:#334155;color:#fff;font-weight:700}.menu-link.router-link-exact-active[data-v-1ae66884]{background:#475569;color:#fff;font-weight:700}.app-header[data-v-9ff71272]{height:60px;background-color:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:0 20px;display:flex;align-items:center;position:fixed;top:0;left:250px;width:calc(100% - 250px);z-index:10;transition:left .3s,width .3s}.app-header.collapsed[data-v-9ff71272]{left:80px;width:calc(100% - 80px)}.hamburger-menu[data-v-9ff71272]{background:none;border:none;color:#1e293b;font-size:24px;cursor:pointer;margin-right:20px}.hamburger-menu i[data-v-9ff71272]{font-size:24px}.header-right[data-v-9ff71272]{margin-left:auto;display:flex;align-items:center;gap:15px}.search-icon[data-v-9ff71272]{background:none;border:none;font-size:18px;color:#4b5563;cursor:pointer}.search-icon[data-v-9ff71272]:hover{color:#1f2937}.search-input[data-v-9ff71272]{padding:10px;border:1px solid #d1d5db;border-radius:4px;width:200px;outline:none;transition:all .3s ease-in-out}.search-input[data-v-9ff71272]:focus{border-color:#4b5563}.header-icon[data-v-9ff71272]{background:none;border:none;cursor:pointer;font-size:20px;color:#4b5563;transition:color .3s}.header-icon[data-v-9ff71272]:hover{color:#1f2937}.user-icon[data-v-9ff71272]{font-size:20px}[data-v-9ff71272]:root{--header-bg-color:#f1f5f9;--header-text-color:#1e293b;--header-border-color:#e2e8f0;--header-icon-color:#4b5563;--header-icon-hover-color:#1f2937;--sidebar-bg-color:#1e293b;--sidebar-text-color:#fff;--sidebar-hover-color:#334155;--main-bg-color:#f8f9fa;--main-text-color:#1e293b}body.dark-mode[data-v-9ff71272]{--header-bg-color:#1e293b;--header-text-color:#f1f5f9;--header-border-color:#334155;--header-icon-color:#9ca3af;--header-icon-hover-color:#e5e7eb;--sidebar-bg-color:#0f172a;--sidebar-text-color:#9ca3af;--sidebar-hover-color:#1e293b;--main-bg-color:#111827;--main-text-color:#e5e7eb}.app-layout,.login-only{height:100vh}.app-layout{display:flex;flex-direction:column}.layout{display:flex;flex-grow:1}.main-content{padding-top:5%;flex-grow:1;margin-left:250px;padding:20px;transition:margin-left .3s;background-color:#f5f7fa}.main-content.collapsed{margin-left:80px}.chart-container[data-v-f48d5b58]{position:relative;height:300px;width:100%}.chart-container[data-v-44e1d4df]{position:relative;width:100%}.chart-container[data-v-1fe58d58]{position:relative;height:300px;width:100%}.dashboard-container[data-v-37a05fc1]{padding:20px;background:#f5f7fa;padding-top:5%}.time-selector[data-v-37a05fc1]{display:flex;justify-content:flex-end;gap:10px;margin-bottom:20px}.time-button[data-v-37a05fc1]{background:#fff;border:1px solid #ccc;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700}.time-button.active[data-v-37a05fc1]{background:#007bff;color:#fff;border-color:#007bff}.cards-grid[data-v-37a05fc1]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.header-row[data-v-37a05fc1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dashboard-title[data-v-37a05fc1]{font-size:24px;font-weight:700;color:#1f2937}.breadcrumb[data-v-37a05fc1]{display:flex;align-items:center;font-size:14px;color:#1f2937}.breadcrumb-item[data-v-37a05fc1]{color:#4b5563}.breadcrumb-item.active[data-v-37a05fc1]{color:#111827;font-weight:600}.breadcrumb-separator[data-v-37a05fc1]{margin:0 8px}.special-cards-container[data-v-37a05fc1]{display:flex;gap:20px}.special-card[data-v-37a05fc1]{display:flex;align-items:center;padding:20px;background:linear-gradient(135deg,#1e293b,#304a75);color:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.2)}.special-card-icon[data-v-37a05fc1]{font-size:40px;margin-right:20px}.special-card-content h3[data-v-37a05fc1]{margin:0;font-size:18px}.chart-card[data-v-37a05fc1]{position:relative;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center}.chart-title[data-v-37a05fc1]{position:absolute;top:10px;left:10px;font-size:16px;font-weight:700;color:#333}.chart-card canvas[data-v-37a05fc1]{width:100%!important;height:auto!important}.variance-green[data-v-37a05fc1]{color:#90ee90}.variance-red[data-v-37a05fc1]{color:#ff7f7f}.dashboard-card[data-v-30fdabce]{display:flex;flex-direction:column;justify-content:space-between;padding:20px;border-radius:8px;color:#fff;position:relative;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s;width:100%;height:150px}.dashboard-card[data-v-30fdabce]:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.2)}.card-content[data-v-30fdabce]{display:flex;justify-content:space-between;align-items:center;flex-grow:1}.icon-container[data-v-30fdabce]{font-size:50px;flex-shrink:0}.text-container[data-v-30fdabce]{text-align:right;margin-left:15px;flex-grow:1}.card-value[data-v-30fdabce]{font-size:32px;font-weight:700;margin:0}.card-title[data-v-30fdabce]{font-size:16px;margin:5px 0}.card-description[data-v-30fdabce]{font-size:12px;margin:0;opacity:.8}.card-footer[data-v-30fdabce]{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.view-more[data-v-30fdabce]{background:none;border:none;color:hsla(0,0%,100%,.8);font-size:12px;cursor:pointer;text-transform:uppercase}.view-more[data-v-30fdabce]:hover{color:#fff;text-decoration:underline}.footer-arrow[data-v-30fdabce]{font-size:16px;opacity:.8}.chart-container[data-v-422a0e94],.chart-container[data-v-678c5794]{width:100%;height:auto;position:relative}.heatmap-container[data-v-038f75d6]{margin-top:5%;border:2px solid #ddd;border-radius:10px;background-color:#f9f9f9;max-width:1200px;margin:5% auto;box-shadow:0 4px 10px rgba(0,0,0,.1)}.toolbar[data-v-038f75d6]{display:flex;justify-content:space-between;padding:10px 20px;background-color:#f1f1f1;border-bottom:1px solid #ddd}.toolbar-item label[data-v-038f75d6]{margin-right:8px}.heatmap-title-bar[data-v-038f75d6]{background-color:hsla(0,0%,72%,.1);padding:10px 20px;font-size:18px;font-weight:700}.heatmap-floorplan[data-v-038f75d6]{position:relative}.floorplan-image[data-v-038f75d6]{width:100%;height:auto;display:block}.circle[data-v-038f75d6]{position:absolute;width:16px;height:16px;border:2px solid #ff0;border-radius:50%;cursor:pointer}.value-tooltip[data-v-038f75d6]{position:fixed;background-color:rgba(0,0,0,.8);color:#fff;padding:8px;border-radius:4px;font-size:12px;pointer-events:none;white-space:nowrap}.dashboard-view[data-v-e57f96fc]{display:flex;flex-direction:column;gap:20px;padding-top:5%}.top-cards[data-v-e57f96fc]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.middle-row[data-v-e57f96fc]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.bottom-row[data-v-e57f96fc]{display:flex;gap:20px}.card[data-v-e57f96fc]{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;text-align:center;color:#4a4a4a;position:relative}.add-button[data-v-e57f96fc]{position:absolute;top:10px;right:10px;background-color:#f43f5e;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:18px;cursor:pointer}.add-button[data-v-e57f96fc]:hover{background-color:#e11d48}.floorplan[data-v-e57f96fc]{display:flex;flex-direction:column;align-items:center;justify-content:center}.chart-wrapper[data-v-e57f96fc]{width:100%;height:auto;display:flex;align-items:center;justify-content:center}.header-row[data-v-e57f96fc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dashboard-title[data-v-e57f96fc]{font-size:24px;font-weight:700;color:#1f2937}.breadcrumb[data-v-e57f96fc]{display:flex;align-items:center;font-size:14px;color:#1f2937}.breadcrumb-item[data-v-e57f96fc]{color:#4b5563}.breadcrumb-item.active[data-v-e57f96fc]{color:#111827;font-weight:600}.breadcrumb-separator[data-v-e57f96fc]{margin:0 8px}.chart-container[data-v-1a7313dc],.chart-container[data-v-37cc1b72]{width:100%;height:400px;margin:0 auto;position:relative}.daily-chart-container[data-v-3cc653be]{padding:24px 24px 24px 24px;background:#f9f9f9;border-radius:14px;box-shadow:0 4px 16px rgba(0,0,0,.08);max-width:1400px;margin:5% auto}.filters[data-v-3cc653be]{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-end;gap:28px;margin-bottom:32px}.filters-left[data-v-3cc653be]{display:flex;flex-wrap:wrap;gap:22px;align-items:center}.filters-left input[type=date][data-v-3cc653be],.filters-left select[data-v-3cc653be]{padding:11px 16px;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;font-size:1rem;min-width:170px;transition:border-color .2s,box-shadow .2s;outline:none;box-shadow:0 2px 6px 0 #f5f5f5}.filters-left input[type=date][data-v-3cc653be]:focus,.filters-left select[data-v-3cc653be]:focus{border-color:#007bff;box-shadow:0 2px 10px 0 #e6f0ff}.toggle-buttons[data-v-3cc653be]{display:flex;gap:12px;margin-left:18px}.toggle-buttons button[data-v-3cc653be]{padding:9px 22px;border:none;border-radius:7px;background:#f4f8fb;color:#333;font-weight:500;transition:background .18s,color .18s;cursor:pointer;font-size:1rem}.toggle-buttons button.active[data-v-3cc653be]{background:#007bff;color:#fff;font-weight:600;box-shadow:0 3px 8px #e6e6ff}.filters-right[data-v-3cc653be]{display:flex;align-items:center;gap:16px}.comparison-button[data-v-3cc653be],.settings-button[data-v-3cc653be]{padding:9px 20px;border:none;border-radius:7px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:background .18s,box-shadow .18s;box-shadow:0 2px 10px 0 #e0f7ea;display:flex;align-items:center;gap:6px}.comparison-button[data-v-3cc653be]{background:#27c97a}.comparison-button[data-v-3cc653be]:hover{background:#179d5a}.settings-button[data-v-3cc653be]{background:#007bff}.settings-button[data-v-3cc653be]:hover{background:#0056b3}.settings-icon[data-v-3cc653be]{font-size:17px}.chart-section[data-v-3cc653be]{background:#fff;border-radius:12px;padding:28px 18px 20px 18px;position:relative;box-shadow:0 3px 18px #f1f3f6}.chart-container[data-v-3cc653be]{position:relative;height:400px;width:100%;overflow:hidden}.chart-container>canvas[data-v-3cc653be]{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.chart-toggle[data-v-3cc653be]{position:absolute;top:15px;right:15px;display:flex;gap:7px;z-index:2}.chart-toggle button[data-v-3cc653be]{padding:6px 14px;border:none;border-radius:5px;cursor:pointer;background:#e7eaf0;color:#2b2b2b;font-weight:500;transition:background .18s,color .18s;font-size:.98rem}.chart-toggle button.active[data-v-3cc653be]{background:#007bff;color:#fff}.modal-overlay[data-v-3cc653be]{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:50}.modal[data-v-3cc653be]{background:#fff;padding:26px 20px 18px 20px;border-radius:12px;width:340px;text-align:left;box-shadow:0 4px 22px rgba(0,0,0,.13)}.modal label[data-v-3cc653be]{display:block;margin-bottom:12px;font-size:1rem;color:#2b2b2b}.modal input[type=number][data-v-3cc653be]{width:100%;padding:7px 12px;border-radius:6px;border:1.3px solid #ccc;margin-top:6px;font-size:1rem}.modal button[data-v-3cc653be]{margin-top:14px;margin-right:9px;padding:8px 17px;border-radius:6px;border:none;font-weight:600;cursor:pointer;background:#007bff;color:#fff;transition:background .15s}.modal button[data-v-3cc653be]:last-child{background:#e0e0e0;color:#333}.modal button[data-v-3cc653be]:last-child:hover{background:#bababa}@media (max-width:1100px){.filters[data-v-3cc653be]{flex-direction:column;gap:20px;align-items:stretch}.filters-left[data-v-3cc653be]{gap:12px;flex-wrap:wrap}.filters-right[data-v-3cc653be]{justify-content:flex-end}}canvas[data-v-bfc456c6]{width:100%!important;height:100%!important}.daily-chart-container[data-v-40c93d12]{padding:24px 24px 24px 24px;background:#f9f9f9;border-radius:14px;box-shadow:0 4px 16px rgba(0,0,0,.08);max-width:1400px;margin:5% auto}.filters[data-v-40c93d12]{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-end;gap:28px;margin-bottom:32px}.filters-left[data-v-40c93d12]{display:flex;flex-wrap:wrap;gap:22px;align-items:center}.filters-left input[type=date][data-v-40c93d12],.filters-left select[data-v-40c93d12]{padding:11px 16px;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;font-size:1rem;min-width:170px;transition:border-color .2s,box-shadow .2s;outline:none;box-shadow:0 2px 6px 0 #f5f5f5}.filters-left input[type=date][data-v-40c93d12]:focus,.filters-left select[data-v-40c93d12]:focus{border-color:#007bff;box-shadow:0 2px 10px 0 #e6f0ff}.toggle-buttons[data-v-40c93d12]{display:flex;gap:12px;margin-left:18px}.toggle-buttons button[data-v-40c93d12]{padding:9px 22px;border:none;border-radius:7px;background:#f4f8fb;color:#333;font-weight:500;transition:background .18s,color .18s;cursor:pointer;font-size:1rem}.toggle-buttons button.active[data-v-40c93d12]{background:#007bff;color:#fff;font-weight:600;box-shadow:0 3px 8px #e6e6ff}.filters-right[data-v-40c93d12]{display:flex;align-items:center;gap:16px}.comparison-button[data-v-40c93d12],.settings-button[data-v-40c93d12]{padding:9px 20px;border:none;border-radius:7px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:background .18s,box-shadow .18s;box-shadow:0 2px 10px 0 #e0f7ea;display:flex;align-items:center;gap:6px}.comparison-button[data-v-40c93d12]{background:#27c97a}.comparison-button[data-v-40c93d12]:hover{background:#179d5a}.settings-button[data-v-40c93d12]{background:#007bff}.settings-button[data-v-40c93d12]:hover{background:#0056b3}.settings-icon[data-v-40c93d12]{font-size:17px}.chart-section[data-v-40c93d12]{background:#fff;border-radius:12px;padding:28px 18px 20px 18px;position:relative;box-shadow:0 3px 18px #f1f3f6}.chart-container[data-v-40c93d12]{position:relative;height:400px;width:100%;overflow:hidden}.chart-container>canvas[data-v-40c93d12]{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.chart-toggle[data-v-40c93d12]{position:absolute;top:15px;right:15px;display:flex;gap:7px;z-index:2}.chart-toggle button[data-v-40c93d12]{padding:6px 14px;border:none;border-radius:5px;cursor:pointer;background:#e7eaf0;color:#2b2b2b;font-weight:500;transition:background .18s,color .18s;font-size:.98rem}.chart-toggle button.active[data-v-40c93d12]{background:#007bff;color:#fff}.modal-overlay[data-v-40c93d12]{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:50}.modal[data-v-40c93d12]{background:#fff;padding:26px 20px 18px 20px;border-radius:12px;width:340px;text-align:left;box-shadow:0 4px 22px rgba(0,0,0,.13)}.modal label[data-v-40c93d12]{display:block;margin-bottom:12px;font-size:1rem;color:#2b2b2b}.modal input[type=number][data-v-40c93d12]{width:100%;padding:7px 12px;border-radius:6px;border:1.3px solid #ccc;margin-top:6px;font-size:1rem}.modal button[data-v-40c93d12]{margin-top:14px;margin-right:9px;padding:8px 17px;border-radius:6px;border:none;font-weight:600;cursor:pointer;background:#007bff;color:#fff;transition:background .15s}.modal button[data-v-40c93d12]:last-child{background:#e0e0e0;color:#333}.modal button[data-v-40c93d12]:last-child:hover{background:#bababa}@media (max-width:1100px){.filters[data-v-40c93d12]{flex-direction:column;gap:20px;align-items:stretch}.filters-left[data-v-40c93d12]{gap:12px;flex-wrap:wrap}.filters-right[data-v-40c93d12]{justify-content:flex-end}}.tabs[data-v-548020d8]{display:flex;justify-content:center;border-bottom:1px solid #ccc;margin-bottom:20px;padding-top:5%}.tabs button[data-v-548020d8]{background:none;border:none;padding:10px 20px;font-size:16px;border-bottom:2px solid transparent;cursor:pointer;transition:border-bottom .3s,font-weight .3s}.tabs button.active[data-v-548020d8]{border-bottom:2px solid #000;font-weight:700}.heatmap-container[data-v-548020d8]{max-width:1200px;margin:0 auto;padding:20px;border:1px solid #ccc}.heatmap-title-bar[data-v-548020d8]{padding:10px;font-size:18px;font-weight:700;border-bottom:1px solid #ccc;margin-bottom:10px}.heatmap-floorplan[data-v-548020d8]{position:relative}.floorplan-image[data-v-548020d8]{width:100%;display:block}.circle[data-v-548020d8]{position:absolute;width:20px;height:20px;border-radius:50%;cursor:pointer}.value-tooltip[data-v-548020d8]{position:fixed;background:#000;color:#fff;padding:8px;border-radius:4px;font-size:12px;z-index:10;pointer-events:none;white-space:nowrap}.devices-container[data-v-548020d8]{max-width:1200px;margin:0 auto;padding:20px;border:1px solid #ccc}.devices-header[data-v-548020d8]{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px}.devices-header h2[data-v-548020d8]{margin:0;font-size:20px}.devices-header p[data-v-548020d8]{margin:0;font-size:16px}.loading[data-v-548020d8]{text-align:center;padding:20px;font-size:16px}.category[data-v-548020d8]{margin-bottom:30px}.category h3[data-v-548020d8]{font-size:18px;margin-bottom:10px;border-bottom:1px solid #ccc;padding-bottom:5px}.grid-container[data-v-548020d8]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-item[data-v-548020d8]{position:relative;overflow:hidden;border:1px solid #ccc;padding:15px;border-radius:4px;transition:box-shadow .3s ease}.grid-item[data-v-548020d8]:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.summary[data-v-548020d8]{transition:opacity .3s ease}.detail-overlay[data-v-548020d8]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.95);opacity:0;transition:opacity .3s ease;padding:10px;box-sizing:border-box}.grid-item:hover .detail-overlay[data-v-548020d8]{opacity:1}.grid-item h4[data-v-548020d8]{margin:0 0 10px;font-size:16px}.grid-item p[data-v-548020d8]{margin:5px 0;font-size:14px}.data-log-container[data-v-139f185e]{padding:20px;margin:5% auto;background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px}.text-center[data-v-139f185e]{text-align:center}.options-bar[data-v-139f185e]{display:flex;justify-content:space-between;align-items:center;background-color:#f4f4f4;padding:10px 20px;margin-bottom:20px;border-radius:5px;border:1px solid #ddd}.option[data-v-139f185e]{display:flex;align-items:center;gap:10px}.table-container[data-v-139f185e]{margin-bottom:20px}.table[data-v-139f185e]{width:100%;border-collapse:collapse}.table td[data-v-139f185e],.table th[data-v-139f185e]{text-align:left;padding:10px;border:1px solid #ddd}.table th[data-v-139f185e]{background-color:#f1f1f1;font-weight:700}.table tbody tr[data-v-139f185e]:nth-child(2n){background-color:#f9f9f9}.status-online[data-v-139f185e]{color:green}.status-offline[data-v-139f185e]{color:red}.data-log-container[data-v-5a8f146e]{padding:20px;margin:5% auto;background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px}.text-center[data-v-5a8f146e]{text-align:center}.table-container[data-v-5a8f146e]{margin-bottom:20px}.table[data-v-5a8f146e]{width:100%;border-collapse:collapse}.table td[data-v-5a8f146e],.table th[data-v-5a8f146e]{text-align:left;padding:10px;border:1px solid #ddd}.table th[data-v-5a8f146e]{background-color:#f1f1f1;font-weight:700}.table tbody tr[data-v-5a8f146e]:nth-child(2n){background-color:#f9f9f9}.options-bar[data-v-5a8f146e]{display:flex;justify-content:space-between;align-items:center;background-color:#f4f4f4;padding:10px 20px;margin-bottom:20px;border-radius:5px;border:1px solid #ddd}.option[data-v-5a8f146e]{display:flex;align-items:center;gap:10px}.fault-text[data-v-5a8f146e]{color:red;font-weight:700}.chart-container[data-v-363e5d1b],.chart-container[data-v-4862f8c3]{width:100%;height:auto;position:relative}.dashboard-view[data-v-593494f8]{display:flex;flex-direction:column;gap:20px;padding-top:5%}.top-cards[data-v-593494f8]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.middle-row[data-v-593494f8]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.bottom-row[data-v-593494f8]{display:flex;gap:20px}.card[data-v-593494f8]{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;padding:20px;position:relative}.add-button[data-v-593494f8]{position:absolute;top:10px;right:10px;background:#f43f5e;color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer}.add-button[data-v-593494f8]:hover{background:#e11d48}.floorplan-img[data-v-593494f8]{width:100%;height:auto;border:1px solid #e5e7eb;border-radius:8px}.chart-wrapper[data-v-593494f8]{width:100%;height:auto;display:flex;align-items:center;justify-content:center}.breadcrumb[data-v-593494f8],.header-row[data-v-593494f8]{display:flex;align-items:center;justify-content:space-between}.dashboard-title[data-v-593494f8]{font-size:24px;font-weight:700}.breadcrumb-item[data-v-593494f8],.breadcrumb-separator[data-v-593494f8]{margin:0 8px}.heatmap-container[data-v-70bd2cc6]{border:2px solid #ddd;border-radius:10px;overflow:hidden;background-color:#f9f9f9;box-shadow:0 4px 10px rgba(0,0,0,.1);width:100%;max-width:1200px;margin:0 auto}.toolbar[data-v-70bd2cc6]{display:flex;justify-content:space-between;padding:10px 20px;background-color:#f1f1f1;border-bottom:1px solid #ddd}.toolbar-item[data-v-70bd2cc6]{margin:5px}.heatmap-title-bar[data-v-70bd2cc6]{background-color:hsla(0,0%,72%,.1);color:#000;padding:10px 20px;font-size:18px;font-weight:700}.heatmap-floorplan[data-v-70bd2cc6]{position:relative;width:100%;height:auto}.floorplan-image[data-v-70bd2cc6]{display:block;width:100%;height:auto}.circle-container[data-v-70bd2cc6]{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%);cursor:pointer}.circle[data-v-70bd2cc6]{width:20px;height:20px;border:2px solid;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.3);transition:all .3s ease}.circle-container:hover .circle[data-v-70bd2cc6]{transform:scale(1.1);box-shadow:0 0 15px currentColor}.view-button[data-v-70bd2cc6]{background-color:#f0f0f0;color:#333;padding:2px 8px;border-radius:4px;font-size:10px;margin-top:2px;opacity:0;transition:opacity .2s}.circle-container:hover .view-button[data-v-70bd2cc6]{opacity:1}.value-tooltip[data-v-70bd2cc6]{position:fixed;background-color:#fff;color:#000;padding:0;border-radius:4px;font-size:12px;z-index:10;min-width:200px;box-shadow:0 2px 4px rgba(0,0,0,.1);pointer-events:none}.tooltip-header[data-v-70bd2cc6]{background-color:#ff9800;color:#fff;padding:8px 12px;border-top-left-radius:4px;border-top-right-radius:4px;font-weight:700}.tooltip-content[data-v-70bd2cc6]{padding:8px 12px}.tooltip-content p[data-v-70bd2cc6]{margin:4px 0;color:#333}.heatmap-container[data-v-6a841b5e]{border:2px solid #ddd;border-radius:10px;overflow:hidden;background-color:#f9f9f9;box-shadow:0 4px 10px rgba(0,0,0,.1);width:100%;max-width:1200px;margin:0 auto}.heatmap-title-bar[data-v-6a841b5e]{background-color:hsla(0,0%,72%,.1);color:#000;padding:10px 20px;font-size:18px;font-weight:700}.heatmap-floorplan[data-v-6a841b5e]{position:relative;width:100%;height:auto}.floorplan-image[data-v-6a841b5e]{display:block;width:100%;height:auto}.circle[data-v-6a841b5e]{position:absolute;width:20px;height:20px;background-color:transparent;border:2px solid #90ee90;border-radius:50%;cursor:pointer}.value-tooltip[data-v-6a841b5e]{position:fixed;background-color:rgba(0,0,0,.8);color:#fff;padding:10px;border-radius:8px;font-size:12px;z-index:10;text-align:left;pointer-events:none;white-space:nowrap}.automation-overview-container[data-v-2b9e2835]{display:flex;flex-direction:column;gap:20px;padding:20px;color:#000;padding-top:5%}.top-section[data-v-2b9e2835]{display:flex;gap:20px}.floor-plan-container[data-v-2b9e2835]{flex:2;background-color:#f5f5f5;border:1px solid #e0e0e0;color:#000;border-radius:10px;padding:20px}.floor-plan-header[data-v-2b9e2835]{display:flex;justify-content:space-between;align-items:center}.status-indicators[data-v-2b9e2835]{display:flex;gap:10px}.status[data-v-2b9e2835]{display:flex;align-items:center;gap:5px}.dot[data-v-2b9e2835]{width:10px;height:10px;border-radius:50%}.green[data-v-2b9e2835]{background-color:green}.blue[data-v-2b9e2835]{background-color:blue}.red[data-v-2b9e2835]{background-color:red}.floor-plan-tabs[data-v-2b9e2835]{display:flex;gap:10px;margin:20px 0}.floor-plan-tabs button[data-v-2b9e2835]{flex:1;padding:10px;background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer}.floor-plan-tabs button.active[data-v-2b9e2835]{background-color:#007bff}.optimization-control-tabs[data-v-2b9e2835]{flex:1;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:10px;padding:20px}.tabs[data-v-2b9e2835]{display:flex;gap:10px}.tabs button[data-v-2b9e2835]{flex:1;padding:10px;background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer}.tabs button.active[data-v-2b9e2835]{background-color:#007bff}.grid-container[data-v-2b9e2835]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.expanded-grid[data-v-2b9e2835]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px;margin:0}.optimization-card[data-v-2b9e2835]{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);min-height:160px;transition:transform .2s ease;overflow:hidden}.card-header[data-v-2b9e2835]{background-color:#f8f9fa;border-bottom:1px solid #eee}.card-header i[data-v-2b9e2835],.control-card .card-header i[data-v-2b9e2835]{font-size:14px;color:#2196f3}.card-header span[data-v-2b9e2835],.control-card .card-header span[data-v-2b9e2835]{font-size:13px;color:#333;font-weight:400}.control-card .card-header[data-v-2b9e2835],.optimization-card .card-header[data-v-2b9e2835]{display:flex;align-items:center;gap:8px;padding:12px 15px;background-color:#f8f9fa;border-bottom:1px solid #eee}.control-card[data-v-2b9e2835],.optimization-card[data-v-2b9e2835]{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);min-height:160px;transition:transform .2s ease;overflow:hidden}.card-content[data-v-2b9e2835]{padding:20px 15px;flex:1}.metric-value[data-v-2b9e2835]{font-size:28px;font-weight:600;color:#2196f3;margin-bottom:8px}.metric-subtitle[data-v-2b9e2835]{font-size:12px;color:#666}.control-card[data-v-2b9e2835]{background-color:#fff;border-radius:12px;padding:0;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;flex-direction:column}.card-header[data-v-2b9e2835]{padding:12px 15px;border-bottom:1px solid #f0f0f0;text-align:left;display:flex;align-items:center;gap:8px}.card-content[data-v-2b9e2835]{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.temperature-control[data-v-2b9e2835]{align-items:center}.temp-input-container[data-v-2b9e2835]{position:relative;display:inline-flex;align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:4px 8px}.temp-input[data-v-2b9e2835]{width:32px;border:none;padding:4px 0;text-align:right;font-size:16px;color:#333;-moz-appearance:textfield}.temp-input[data-v-2b9e2835]::-webkit-inner-spin-button,.temp-input[data-v-2b9e2835]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.temp-unit-label[data-v-2b9e2835]{color:#666;font-size:14px;margin-left:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.temp-input[data-v-2b9e2835]:focus{outline:none}.temp-input-container[data-v-2b9e2835]:focus-within{border-color:#2196f3;box-shadow:0 0 0 2px rgba(33,150,243,.1)}.set-btn[data-v-2b9e2835]{padding:8px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.set-btn[data-v-2b9e2835]:hover{background-color:#45a049}.mode-switches[data-v-2b9e2835]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;padding:0 10px}.mode-btn[data-v-2b9e2835]{padding:10px;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;color:#333;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.mode-btn[data-v-2b9e2835]:hover{background-color:#e9e9e9}.mode-btn.active[data-v-2b9e2835]{background-color:#2196f3;color:#fff;border-color:#2196f3}.mode-btn.active[data-v-2b9e2835]:hover{background-color:#1976d2}.drive-control[data-v-2b9e2835]{text-align:center;width:100%}.drive-btn[data-v-2b9e2835]{padding:12px 40px;border:2px solid #f44336;border-radius:6px;background-color:#fff;color:#f44336;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:120px}.drive-btn[data-v-2b9e2835]:hover{background-color:#ffebee}.drive-btn.active[data-v-2b9e2835]{background-color:#4caf50;border-color:#4caf50;color:#fff}.drive-btn.active[data-v-2b9e2835]:hover{background-color:#43a047}.logs-section[data-v-2b9e2835]{display:flex;gap:20px}.logs-container[data-v-2b9e2835]{flex:1;background-color:#f5f5f5;border:1px solid #e0e0e0;color:#000;border-radius:10px;padding:20px}.logs-table[data-v-2b9e2835]{width:100%;border-collapse:collapse;margin-bottom:10px}.logs-table td[data-v-2b9e2835],.logs-table th[data-v-2b9e2835]{border:1px solid #e4e4e4;padding:10px;text-align:left}.logs-table th[data-v-2b9e2835],.logs-table tr[data-v-2b9e2835]:nth-child(2n){background-color:#e4e4e4}.icon[data-v-2b9e2835]{font-size:2em;margin-bottom:10px;color:#007bff}.floor-plan-placeholder img[data-v-2b9e2835]{width:100%;height:auto;border-radius:10px;-o-object-fit:cover;object-fit:cover;background-color:#333;display:block}.green-text[data-v-2b9e2835]{color:green;font-weight:700}.red-text[data-v-2b9e2835]{color:red;font-weight:700}.logs-header[data-v-2b9e2835]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.view-more-button[data-v-2b9e2835]{padding:10px 15px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px;text-align:center;font-size:14px}.view-more-button[data-v-2b9e2835]:hover{background-color:#0056b3}.temperature-control[data-v-2b9e2835]{display:flex;gap:10px;justify-content:center;margin-top:10px}.room-temp[data-v-2b9e2835]{margin-top:15px;text-align:center;padding:15px;border-radius:8px}.digital-display[data-v-2b9e2835]{display:flex;justify-content:center;align-items:baseline;font-family:Digital,monospace;margin-bottom:5px}.temp-value[data-v-2b9e2835]{font-size:48px;font-weight:700;color:#00a8ff;text-shadow:0 0 10px rgba(0,168,255,.5)}.temp-unit[data-v-2b9e2835]{font-size:24px;color:#00a8ff;margin-left:5px}.temp-status[data-v-2b9e2835]{color:#6c8caa;font-size:14px;margin-top:5px}.card-icon[data-v-2b9e2835]{width:32px;height:32px;background-color:#f0f7ff;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon i[data-v-2b9e2835]{font-size:16px;color:#2196f3}.text-primary[data-v-2b9e2835]{color:#2196f3}.fcu-select[data-v-2b9e2835]{width:100%;max-width:300px;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#333}.fcu-select[data-v-2b9e2835]:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px rgba(33,150,243,.1)}.control-card.full-width[data-v-2b9e2835]{grid-column:1/-1}@font-face{font-family:Digital;src:url(https://fonts.cdnfonts.com/css/ds-digital) format("woff2")}.fault-calling-container[data-v-2beb2644]{padding:20px;background-color:#f5f5f5;color:#000;border-radius:10px;padding-top:5%}.back-button[data-v-2beb2644]{display:inline-block;margin-bottom:10px;font-size:16px;text-decoration:none;color:#007bff}.back-button i[data-v-2beb2644]{margin-right:5px}.back-button[data-v-2beb2644]:hover{color:#0056b3}.top-section[data-v-2beb2644]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.title[data-v-2beb2644]{font-size:18px;font-weight:700}.download-button[data-v-2beb2644]{padding:10px 20px;background-color:#007bff;color:#000;border:none;border-radius:5px;cursor:pointer}.download-button[data-v-2beb2644]:hover{background-color:#0056b3}.fault-log-table[data-v-2beb2644]{width:100%;border-collapse:collapse;margin-bottom:20px}.fault-log-table td[data-v-2beb2644],.fault-log-table th[data-v-2beb2644]{border:1px solid #444;padding:10px;text-align:left}.fault-log-table th[data-v-2beb2644]{background-color:#cecece;font-weight:700}.fault-log-table tr[data-v-2beb2644]:nth-child(2n){background-color:#cecece}.green-text[data-v-2beb2644]{color:green;font-weight:700}.red-text[data-v-2beb2644]{color:red;font-weight:700}.conditional-logic-section[data-v-2beb2644]{padding:15px;background-color:#f5f5f5;border-radius:10px;margin-top:20px}.logic-options[data-v-2beb2644]{display:flex;flex-direction:column;gap:10px;margin-top:10px}.logic-options label[data-v-2beb2644]{font-weight:700}button[data-v-2beb2644]{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:10px}button[data-v-2beb2644]:hover{background-color:#0056b3}.logs-container[data-v-190e897a]{background-color:#f5f5f5;border:1px solid #e0e0e0;color:#000;border-radius:10px;padding:20px;margin-top:70px}.logs-header[data-v-190e897a]{font-size:18px;margin-bottom:15px;font-weight:700}.logs-table[data-v-190e897a]{width:100%;border-collapse:collapse}.logs-table td[data-v-190e897a],.logs-table th[data-v-190e897a]{border:1px solid #e4e4e4;padding:10px;text-align:left}.logs-table th[data-v-190e897a],.logs-table tr[data-v-190e897a]:nth-child(2n){background-color:#e4e4e4}.green-text[data-v-190e897a]{color:green;font-weight:700}.red-text[data-v-190e897a]{color:red;font-weight:700}.back-btn[data-v-190e897a]{display:flex;align-items:center;gap:6px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:14px;padding:7px 18px;margin-bottom:18px;cursor:pointer;font-weight:500;box-shadow:0 2px 6px rgba(0,0,0,.04);transition:background .2s}.back-btn[data-v-190e897a]:hover{background:#0056b3}.back-btn i[data-v-190e897a]{font-size:16px}.logs-container1[data-v-41890d49],.logs-container[data-v-41890d49]{background-color:#f5f5f5;border:1px solid #e0e0e0;color:#000;border-radius:10px;padding:20px}.logs-container1[data-v-41890d49]{margin-top:5%}.logs-headerCCL[data-v-41890d49],.logs-header[data-v-41890d49]{font-size:18px;margin-bottom:15px;font-weight:700}.logs-table[data-v-41890d49]{width:100%;border-collapse:collapse;margin-bottom:20px}.logs-table td[data-v-41890d49],.logs-table th[data-v-41890d49]{border:1px solid #e4e4e4;padding:10px;text-align:left}.logs-table th[data-v-41890d49],.logs-table tr[data-v-41890d49]:nth-child(2n){background-color:#e4e4e4}.green-text[data-v-41890d49]{color:green;font-weight:700}.red-text[data-v-41890d49]{color:red;font-weight:700}.back-btn[data-v-41890d49]{display:flex;align-items:center;gap:6px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:14px;padding:7px 18px;margin-bottom:18px;cursor:pointer;font-weight:500;box-shadow:0 2px 6px rgba(0,0,0,.04);transition:background .2s}.back-btn[data-v-41890d49]:hover{background:#0056b3}.back-btn i[data-v-41890d49]{font-size:16px}.login-page[data-v-7136e93a]{display:flex;height:100vh;align-items:center;justify-content:center;background-color:#f4f6f8;font-family:Helvetica Neue,Arial,sans-serif}.login-card[data-v-7136e93a]{background:#fff;padding:2.5rem 2rem;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);width:100%;max-width:360px;text-align:center}.login-card h2[data-v-7136e93a]{margin-bottom:1.5rem;color:#1f2a38}.login-card form[data-v-7136e93a]{display:flex;flex-direction:column}.login-card label[data-v-7136e93a]{text-align:left;font-size:.9rem;margin-bottom:.25rem;color:#333}.login-card input[data-v-7136e93a]{padding:.75rem 1rem;margin-bottom:1.25rem;border:1px solid #ccd0d5;border-radius:6px;font-size:1rem;transition:border-color .2s}.login-card input[data-v-7136e93a]:focus{outline:none;border-color:#2196f3}.login-card button[data-v-7136e93a]{padding:.75rem;background:#2196f3;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s}.login-card button[data-v-7136e93a]:hover{background:#1976d2}