.electric-meter-container[data-v-4dd36884]{height:85vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#f0f2f5;overflow:hidden}.app-header[data-v-4dd36884]{height:64px;background:linear-gradient(135deg,#667eea,#764ba2);padding:0 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.1);color:#fff;position:relative;overflow:hidden;-ms-flex-negative:0;flex-shrink:0}.app-header[data-v-4dd36884]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,hsla(0,0%,100%,.08) 0,transparent 50%);pointer-events:none}.header-left[data-v-4dd36884]{gap:32px}.header-left[data-v-4dd36884],.header-title[data-v-4dd36884]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-title[data-v-4dd36884]{gap:12px}.title-icon[data-v-4dd36884]{width:40px;height:40px;background:linear-gradient(45deg,#ff6b6b,#ffd93d);border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 4px 12px hsla(0,100%,71%,.3);box-shadow:0 4px 12px hsla(0,100%,71%,.3);-webkit-animation:pulse-4dd36884 2s infinite;animation:pulse-4dd36884 2s infinite}@-webkit-keyframes pulse-4dd36884{0%{-webkit-box-shadow:0 4px 12px hsla(0,100%,71%,.3);box-shadow:0 4px 12px hsla(0,100%,71%,.3)}50%{-webkit-box-shadow:0 4px 20px hsla(0,100%,71%,.5);box-shadow:0 4px 20px hsla(0,100%,71%,.5)}to{-webkit-box-shadow:0 4px 12px hsla(0,100%,71%,.3);box-shadow:0 4px 12px hsla(0,100%,71%,.3)}}@keyframes pulse-4dd36884{0%{-webkit-box-shadow:0 4px 12px hsla(0,100%,71%,.3);box-shadow:0 4px 12px hsla(0,100%,71%,.3)}50%{-webkit-box-shadow:0 4px 20px hsla(0,100%,71%,.5);box-shadow:0 4px 20px hsla(0,100%,71%,.5)}to{-webkit-box-shadow:0 4px 12px hsla(0,100%,71%,.3);box-shadow:0 4px 12px hsla(0,100%,71%,.3)}}.title-icon i[data-v-4dd36884]{font-size:22px;color:#fff}.title-content[data-v-4dd36884]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.title[data-v-4dd36884]{font-size:20px;font-weight:700;margin:0;letter-spacing:.5px;background:linear-gradient(45deg,#fff,#e0e0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-sub[data-v-4dd36884]{font-size:11px;opacity:.8;margin-top:2px;font-weight:300}.stats[data-v-4dd36884]{gap:20px}.stat-item[data-v-4dd36884],.stats[data-v-4dd36884]{display:-webkit-box;display:-ms-flexbox;display:flex}.stat-item[data-v-4dd36884]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:8px 16px;background:hsla(0,0%,100%,.1);border-radius:10px;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);-webkit-transition:all .3s ease;transition:all .3s ease}.stat-item[data-v-4dd36884]:hover{background:hsla(0,0%,100%,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.stat-item.online[data-v-4dd36884]{border-color:rgba(82,196,26,.4)}.stat-item.offline[data-v-4dd36884]{border-color:hsla(0,0%,74.9%,.4)}.stat-dot[data-v-4dd36884]{width:8px;height:8px;border-radius:50%;position:relative}.stat-item.online .stat-dot[data-v-4dd36884]{background:#52c41a;-webkit-box-shadow:0 0 8px #52c41a;box-shadow:0 0 8px #52c41a;-webkit-animation:blink-4dd36884 1.5s infinite;animation:blink-4dd36884 1.5s infinite}.stat-item.offline .stat-dot[data-v-4dd36884]{background:#bfbfbf;-webkit-box-shadow:0 0 8px #bfbfbf;box-shadow:0 0 8px #bfbfbf}@-webkit-keyframes blink-4dd36884{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink-4dd36884{0%,to{opacity:1}50%{opacity:.5}}.stat-info[data-v-4dd36884]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.stat-value[data-v-4dd36884]{font-size:20px;font-weight:700;line-height:1;color:#fff}.stat-label[data-v-4dd36884]{font-size:12px;opacity:.8;margin-top:2px;font-weight:300}.header-right[data-v-4dd36884]{gap:16px}.header-right[data-v-4dd36884],.time-card[data-v-4dd36884],.total-card[data-v-4dd36884]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.time-card[data-v-4dd36884],.total-card[data-v-4dd36884]{gap:12px;padding:10px 16px;background:hsla(0,0%,100%,.1);border-radius:10px;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);-webkit-transition:all .3s ease;transition:all .3s ease}.time-card[data-v-4dd36884]:hover,.total-card[data-v-4dd36884]:hover{background:hsla(0,0%,100%,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.time-icon[data-v-4dd36884],.total-icon[data-v-4dd36884]{font-size:20px;color:hsla(0,0%,100%,.9)}.time-content[data-v-4dd36884],.total-content[data-v-4dd36884]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.time-label[data-v-4dd36884],.total-label[data-v-4dd36884]{font-size:11px;opacity:.8;margin-bottom:2px;font-weight:300}.time-value[data-v-4dd36884]{letter-spacing:.5px}.time-value[data-v-4dd36884],.total-value[data-v-4dd36884]{font-size:14px;font-weight:600;color:#fff}.main-content[data-v-4dd36884]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;padding:2px}.cards-grid-container[data-v-4dd36884]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.cards-grid[data-v-4dd36884]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:140px;gap:6px;padding-right:6px;overflow:auto;height:calc(85vh - 68px)}.cards-grid.sidebar-open[data-v-4dd36884]{margin-right:320px}.meter-card[data-v-4dd36884]{background:#fff;border-radius:4px;position:relative;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.04);box-shadow:0 1px 2px rgba(0,0,0,.04);border:1px solid #f0f0f0;overflow:auto;height:140px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.meter-card[data-v-4dd36884]:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 3px 6px rgba(0,0,0,.08);box-shadow:0 3px 6px rgba(0,0,0,.08);border-color:#1890ff}.meter-card.selected[data-v-4dd36884]{border-color:#1890ff;-webkit-box-shadow:0 0 0 1px #1890ff,0 3px 6px rgba(0,0,0,.08);box-shadow:0 0 0 1px #1890ff,0 3px 6px rgba(0,0,0,.08)}.meter-card.warning[data-v-4dd36884]{border-left:3px solid #faad14}.meter-card.offline[data-v-4dd36884]{border-left:3px solid #d9d9d9;opacity:.8}.card-status-bar[data-v-4dd36884]{height:2px;width:100%;-ms-flex-negative:0;flex-shrink:0}.card-status-bar.normal[data-v-4dd36884]{background:#52c41a}.card-status-bar.warning[data-v-4dd36884]{background:#faad14}.card-status-bar.offline[data-v-4dd36884]{background:#d9d9d9}.card-content[data-v-4dd36884]{padding:8px;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:0}.card-header[data-v-4dd36884]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:6px;-ms-flex-negative:0;flex-shrink:0}.meter-name[data-v-4dd36884]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.room-name[data-v-4dd36884]{display:block;font-size:12px;font-weight:500;color:#262626;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.device-id[data-v-4dd36884]{font-size:10px;color:#8c8c8c;display:block;line-height:1.2;margin-top:1px}.status-dot[data-v-4dd36884]{width:6px;height:6px;border-radius:50%;margin-top:4px;-ms-flex-negative:0;flex-shrink:0}.status-dot.normal[data-v-4dd36884]{background:#52c41a;-webkit-box-shadow:0 0 3px #52c41a;box-shadow:0 0 3px #52c41a}.status-dot.warning[data-v-4dd36884]{background:#faad14;-webkit-box-shadow:0 0 3px #faad14;box-shadow:0 0 3px #faad14}.status-dot.offline[data-v-4dd36884]{background:#d9d9d9}.data-grid[data-v-4dd36884]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:4px;margin:6px 0;-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0}.data-cell[data-v-4dd36884]{gap:4px;padding:3px;background:#fafafa;border-radius:2px;border:1px solid #f0f0f0;min-height:32px}.data-cell[data-v-4dd36884],.data-icon[data-v-4dd36884]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.data-icon[data-v-4dd36884]{width:18px;height:18px;background:#1890ff;color:#fff;border-radius:2px;font-size:10px;font-weight:700;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.data-info[data-v-4dd36884]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.data-value[data-v-4dd36884]{font-size:11px;font-weight:600;color:#262626;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-label[data-v-4dd36884]{font-size:9px;color:#8c8c8c;line-height:1.2;margin-top:1px}.power-factor[data-v-4dd36884]{margin:4px 0 2px 0;-ms-flex-negative:0;flex-shrink:0}.pf-label[data-v-4dd36884]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:10px;color:#595959;margin-bottom:2px;line-height:1.2}.pf-value[data-v-4dd36884]{font-weight:500;font-size:10px}.pf-progress[data-v-4dd36884]{margin:0;height:6px;border-radius:3px}.pf-progress[data-v-4dd36884] .el-progress-bar{height:6px}.pf-progress[data-v-4dd36884] .el-progress-bar__outer{height:6px;border-radius:3px}.pf-progress[data-v-4dd36884] .el-progress-bar__inner{border-radius:3px}.update-info[data-v-4dd36884]{font-size:9px;color:#bfbfbf;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2px;margin-top:auto;padding-top:3px;border-top:1px solid #f0f0f0;-ms-flex-negative:0;flex-shrink:0;line-height:1.2}.details-sidebar[data-v-4dd36884]{position:absolute;right:0;top:0;bottom:0;width:320px;background:#fff;border-left:1px solid #e8e8e8;-webkit-box-shadow:-2px 0 8px rgba(0,0,0,.06);box-shadow:-2px 0 8px rgba(0,0,0,.06);z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sidebar-header[data-v-4dd36884]{padding:12px 16px;border-bottom:1px solid #e8e8e8;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#fafafa;-ms-flex-negative:0;flex-shrink:0}.sidebar-header[data-v-4dd36884],.sidebar-header h3[data-v-4dd36884]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sidebar-header h3[data-v-4dd36884]{margin:0;font-size:14px;font-weight:500;color:#262626;gap:8px}.sidebar-content[data-v-4dd36884]{overflow:hidden}.detail-tabs[data-v-4dd36884],.sidebar-content[data-v-4dd36884]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.detail-tabs[data-v-4dd36884] .el-tabs__header{margin:0;padding:0 16px;background:#fafafa}.detail-tabs[data-v-4dd36884] .el-tabs__nav-wrap:after{height:1px}.detail-tabs[data-v-4dd36884] .el-tabs__item{padding:0 8px;height:32px;line-height:32px;font-size:12px}.detail-tabs[data-v-4dd36884] .el-tabs__content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;padding:16px}.detail-grid[data-v-4dd36884]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.detail-item[data-v-4dd36884]{padding:8px;background:#fafafa;border-radius:2px;border:1px solid #f0f0f0;position:relative}.detail-item.highlight[data-v-4dd36884]{background:#e6f7ff;border-color:#91d5ff}.detail-item.important[data-v-4dd36884]{background:#fff7e6;border-color:#ffd591}.detail-label[data-v-4dd36884]{font-size:11px;color:#595959;margin-bottom:4px;line-height:1.2}.detail-value[data-v-4dd36884]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.value-text[data-v-4dd36884]{font-size:14px;font-weight:500;color:#262626}.value-unit[data-v-4dd36884]{font-size:10px;color:#8c8c8c}.detail-trend[data-v-4dd36884]{position:absolute;top:4px;right:4px}.quick-stats[data-v-4dd36884]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.stat-card[data-v-4dd36884]{padding:8px;background:#f6ffed;border:1px solid #b7eb8f;border-radius:2px}.stat-title[data-v-4dd36884]{font-size:11px;color:#389e0d;font-weight:500;margin-bottom:4px}.stat-values[data-v-4dd36884]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px}.phase-value[data-v-4dd36884]{font-size:10px;color:#595959}.slide-enter-active[data-v-4dd36884],.slide-leave-active[data-v-4dd36884]{-webkit-transition:all .3s ease;transition:all .3s ease}.slide-enter-from[data-v-4dd36884],.slide-leave-to[data-v-4dd36884]{-webkit-transform:translateX(320px);transform:translateX(320px);opacity:0}.cards-grid[data-v-4dd36884]::-webkit-scrollbar,.sidebar-content[data-v-4dd36884]::-webkit-scrollbar{width:4px;height:4px}.cards-grid[data-v-4dd36884]::-webkit-scrollbar-track,.sidebar-content[data-v-4dd36884]::-webkit-scrollbar-track{background:#f5f5f5}.cards-grid[data-v-4dd36884]::-webkit-scrollbar-thumb,.sidebar-content[data-v-4dd36884]::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:2px}.cards-grid[data-v-4dd36884]::-webkit-scrollbar-thumb:hover,.sidebar-content[data-v-4dd36884]::-webkit-scrollbar-thumb:hover{background:#bfbfbf}@media (max-width:1920px){.cards-grid[data-v-4dd36884]{grid-template-columns:repeat(6,1fr);grid-auto-rows:140px}}@media (max-width:1600px){.cards-grid[data-v-4dd36884]{grid-template-columns:repeat(5,1fr);grid-auto-rows:140px}}@media (max-width:1366px){.cards-grid[data-v-4dd36884]{grid-template-columns:repeat(4,1fr);grid-auto-rows:140px}}@media (max-width:1024px){.cards-grid[data-v-4dd36884]{grid-template-columns:repeat(3,1fr);grid-auto-rows:140px}.details-sidebar[data-v-4dd36884]{width:280px}.cards-grid.sidebar-open[data-v-4dd36884]{margin-right:280px}}@media (max-width:768px){.cards-grid[data-v-4dd36884]{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px}.app-header[data-v-4dd36884]{padding:0 16px;height:auto;padding:12px 16px;gap:16px}.header-left[data-v-4dd36884]{gap:16px}.title-icon[data-v-4dd36884]{width:32px;height:32px}.title-icon i[data-v-4dd36884]{font-size:18px}.title[data-v-4dd36884]{font-size:16px}.title-sub[data-v-4dd36884]{font-size:10px}.stats[data-v-4dd36884]{gap:12px}.stat-item[data-v-4dd36884],.time-card[data-v-4dd36884],.total-card[data-v-4dd36884]{padding:6px 12px}.stat-value[data-v-4dd36884]{font-size:18px}.time-value[data-v-4dd36884],.total-value[data-v-4dd36884]{font-size:13px}}.refresh-control-btn[data-v-4dd36884]{margin-left:8px;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3)}.refresh-control-btn[data-v-4dd36884]:hover{background:rgba(255,77,79,.3);border-color:rgba(255,77,79,.5)}