.device-cards-container[data-v-eab7e97a]{width:100%;overflow-x:auto;padding:10px 0}.device-cards-wrapper[data-v-eab7e97a]{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;box-sizing:border-box;padding:5px}.device-cards-grid[data-v-eab7e97a]{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;width:100%;padding:5px 2px;box-sizing:border-box;overflow:visible;background-repeat:no-repeat;position:relative}.device-card[data-v-eab7e97a]{min-width:140px;background-color:#1a2942;border-radius:8px;box-shadow:0 2px 12px #5a58584d;cursor:pointer;transition:all .3s ease;border:1px solid #55a1ed;margin:2px;padding:0 10px}.device-card[data-v-eab7e97a]:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000003e}.device-card.active[data-v-eab7e97a]{border:2px solid #4b9fe9;box-shadow:0 5px 15px #05bff380;background-color:#2c3e50}.card-header[data-v-eab7e97a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;border-bottom:1px solid #3a506b}.device-name[data-v-eab7e97a]{font-weight:700;font-size:16px;color:#fff}.device-status[data-v-eab7e97a]{padding:4px 8px;border-radius:8px;font-size:12px;width:42px;text-align:center}.status-online[data-v-eab7e97a]{background-color:#e8f5e9;color:#4caf50;font-weight:600}.status-offline[data-v-eab7e97a]{background-color:#c4bcbc;color:#f41707;font-weight:600}.card-body[data-v-eab7e97a]{width:100%;padding:2px 0;line-height:24px}.data-item[data-v-eab7e97a]{display:grid;grid-template-columns:repeat(3,1fr);font-size:14px;margin:2px 0;width:100%}.data-column[data-v-eab7e97a]{padding:0;display:flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.data-column[data-v-eab7e97a]:nth-child(1){justify-content:flex-start;min-width:120px;overflow:hidden;text-overflow:ellipsis}.data-column[data-v-eab7e97a]:nth-child(2){justify-content:flex-end}.data-column[data-v-eab7e97a]:nth-child(3){justify-content:flex-end}.data-item .label[data-v-eab7e97a]{font-weight:600;color:#e5f0f8;font-size:14px}.data-item .dateTime[data-v-eab7e97a]{font-weight:200;color:#e5f0f8;font-size:8px}.data-item .value[data-v-eab7e97a]{font-weight:600;color:#fff;font-size:14px}.chart-section-data[data-v-9d3fbff3]{margin:10px 0;padding:0 12px;border-radius:8px;box-shadow:0 2px 12px #0000001a;flex-grow:1;display:flex;flex-direction:column;position:relative;z-index:1;height:auto;min-height:350px;overflow:visible}.chart-controls[data-v-9d3fbff3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;z-index:10;position:relative}.time-range-selector[data-v-9d3fbff3]{display:flex;justify-content:flex-end;margin-right:40px;z-index:10}.time-range-selector .el-radio-group[data-v-9d3fbff3]{border-radius:4px;overflow:hidden}.chart-container[data-v-9d3fbff3]{flex-grow:1;display:flex;height:100%;min-height:260px;position:relative;z-index:1;margin-bottom:10px;overflow:visible;padding:0 10px;box-sizing:border-box}.chart-area[data-v-9d3fbff3]{flex-grow:1;width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.echarts-container[data-v-9d3fbff3]{width:100%;height:100%;min-height:250px;flex:1}.expanded-chart[data-v-9d3fbff3]{flex-grow:2;min-height:450px;height:120vh;max-height:calc(100vh - 60px)}.expanded-chart .chart-container[data-v-9d3fbff3],.expanded-chart .echarts-container[data-v-9d3fbff3]{min-height:350px;height:100%}.metric-selector[data-v-9d3fbff3]{display:flex;align-items:center;z-index:10;justify-content:flex-start}.selector-label[data-v-9d3fbff3]{margin-right:10px;font-size:14px;color:#b8c2d5}.flex-center[data-v-9e53b097]{display:flex;justify-content:center;align-items:center}.card-style[data-v-9e53b097]{background-color:#162b44;border-radius:12px;padding:15px;box-shadow:0 4px 6px -1px #00ccff1a;border:1px solid rgba(0,204,255,.3)}.hover-effect[data-v-9e53b097]{transition:transform .3s,box-shadow .3s}.hover-effect[data-v-9e53b097]:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00ccff4d}.header[data-v-9e53b097]{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #d0e3ff}.header .logo-time[data-v-9e53b097],.header .title[data-v-9e53b097],.header .actions[data-v-9e53b097]{flex:1}.header .title[data-v-9e53b097]{font-size:36px;font-weight:700;color:#fff;text-align:center}.header .actions[data-v-9e53b097]{display:flex;gap:10px;justify-content:flex-end}.logo-time[data-v-9e53b097]{display:flex;flex-direction:row;align-items:center}.logo[data-v-9e53b097]{font-weight:700;color:#84baea}.logo img[data-v-9e53b097]{height:48px;width:96px;margin-right:10px}.logo .time[data-v-9e53b097]{font-size:14px;font-weight:700;color:#84baea}.actions[data-v-9e53b097]{display:flex;gap:10px;margin-right:20px}.actions .el-button[data-v-9e53b097]{min-width:100px;display:flex;align-items:center;justify-content:flex-start;gap:5px}.actions .el-button .el-icon[data-v-9e53b097]{margin-right:0}.actions .el-button span[data-v-9e53b097]{flex:1;text-align:center}.flex-center[data-v-c3004162]{display:flex;justify-content:center;align-items:center}.card-style[data-v-c3004162]{background-color:#162b44;border-radius:12px;padding:15px;box-shadow:0 4px 6px -1px #00ccff1a;border:1px solid rgba(0,204,255,.3)}.hover-effect[data-v-c3004162]{transition:transform .3s,box-shadow .3s}.hover-effect[data-v-c3004162]:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00ccff4d}.statistics[data-v-c3004162]{display:flex;justify-content:flex-start!important;gap:20px;flex-shrink:0;margin-left:10px}.stat-card[data-v-c3004162]{display:flex;flex-direction:row;border-radius:8px;text-align:center;align-items:center;color:#f7f1f1;box-shadow:0 4px 8px #0000001a}.stat-card .stat-title[data-v-c3004162],.stat-card .stat-title-online[data-v-c3004162],.stat-card .stat-title-offline[data-v-c3004162]{border-radius:5px;height:100%;font-size:16px;align-content:center;background-color:#5c6bc0;margin-right:20px;padding:0 10px}.stat-card .stat-title-online[data-v-c3004162]{background-color:#4caf50}.stat-card .stat-title-offline[data-v-c3004162]{background-color:#f44336}.stat-value[data-v-c3004162]{font-size:24px;font-weight:700;box-shadow:0 4px 8px #0000001a}@media (max-width: 768px){.statistics[data-v-c3004162]{flex-direction:column}.stat-card[data-v-c3004162]{margin-bottom:10px}}.dashboard-container[data-v-81956032]{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:#0a1929;color:#e6f7ff;padding:10px 20px;box-sizing:border-box;position:fixed;top:0;left:0;overflow:hidden;background-image:radial-gradient(circle at 10% 20%,#1446a033,#0a1929cc 90%)}.header[data-v-81956032]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1e3a8a;margin-bottom:5px;padding-bottom:10px;box-shadow:0 4px 6px -1px #00ccff1a}.logo-time[data-v-81956032]{display:flex;flex-direction:column}.logo[data-v-81956032]{font-size:24px;font-weight:700;color:#0cf;text-shadow:0 0 10px rgba(0,204,255,.7)}.time[data-v-81956032]{margin-top:5px;font-size:14px;color:#a78bfa;text-shadow:0 0 5px rgba(167,139,250,.5)}.actions[data-v-81956032]{display:flex;gap:15px}.statistics[data-v-81956032]{display:flex;justify-content:space-between;margin-left:80px;gap:20px;flex-shrink:0}.device-list-section[data-v-81956032],.chart-section[data-v-81956032]{margin-top:20px;background-color:#0f2942;border-radius:12px;padding:5px;box-shadow:0 2px 20px #24df1d26;border:1px solid rgba(0,204,255,.5)}.device-list-section[data-v-81956032]{flex:0 0 auto;overflow:hidden;display:flex;flex-direction:column}.chart-section[data-v-81956032]{flex:1;height:calc(50vh - 80px);overflow:hidden;display:flex;flex-direction:column}.carousel-container[data-v-81956032]{position:relative;display:flex;align-items:center;margin:5px 0;flex:1;overflow:hidden}.chart-container[data-v-81956032]{display:flex;height:calc(100% - 30px);margin-top:15px;overflow:hidden;transition:none}.device-list[data-v-81956032]{width:220px;background-color:#162b44;border-radius:12px;padding:15px;margin-right:20px;overflow-y:auto;max-height:100%;border:1px solid rgba(167,139,250,.3);box-shadow:inset 0 0 10px #00ccff1a}.chart-area[data-v-81956032]{flex:1;background-color:#162b44;border-radius:12px;padding:15px;box-shadow:0 2px 15px #0cf3;overflow:hidden;height:400px;min-height:400px;transition:none;border:1px solid rgba(0,204,255,.3)}.echarts-container[data-v-81956032]{width:100%;height:100%}@media (min-width: 1920px){.dashboard-container[data-v-81956032]{padding:10px 20px}.device-card[data-v-81956032]{flex:0 0 calc(20% - 20px)}.chart-container[data-v-81956032]{height:calc(100% - 70px)}}@media (min-width: 2560px){.dashboard-container[data-v-81956032]{padding:20px 40px}.device-card[data-v-81956032]{flex:0 0 calc(16.666% - 30px)}.logo[data-v-81956032]{font-size:28px}.time[data-v-81956032]{font-size:16px}.stat-value[data-v-81956032]{font-size:32px}}.section-title[data-v-81956032]{font-size:20px;font-weight:700;margin:5px;color:#0cf;text-shadow:0 0 8px rgba(0,204,255,.6)}.carousel-arrow[data-v-81956032]{position:absolute;z-index:10;background-color:#0cfc;border:none;color:#fff;border-radius:50%;width:40px;height:40px;box-shadow:0 0 15px #00ccff80}.carousel-arrow.left[data-v-81956032]{left:-20px}.carousel-arrow.right[data-v-81956032]{right:-20px}.device-carousel[data-v-81956032]{width:100%;overflow:hidden}.device-cards[data-v-81956032]{display:flex}.device-card[data-v-81956032]{padding:12px;border-radius:6px;background-color:#516a8d;box-shadow:0 4px 12px #00caff33;transition:transform .3s,box-shadow .3s;height:150px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #6997c5}.device-card[data-v-81956032]:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00ccff4d;border:1px solid rgba(0,204,255,.5)}.device-card.offline[data-v-81956032]{background-color:#2d3748;opacity:.8;border:1px solid rgba(255,107,107,.3)}.device-name[data-v-81956032]{font-size:18px;font-weight:700;margin-bottom:15px;color:#0cf;text-shadow:0 0 5px rgba(0,204,255,.5)}.device-status[data-v-81956032]{margin-bottom:10px}.device-status .online[data-v-81956032]{color:#4ade80;text-shadow:0 0 5px rgba(74,222,128,.5)}.device-status .offline[data-v-81956032]{color:#f87171;text-shadow:0 0 5px rgba(248,113,113,.5)}.device-info[data-v-81956032]{margin-bottom:8px;color:#94a3b8}.carousel-indicators[data-v-81956032]{display:flex;justify-content:center;margin-top:20px}.indicator[data-v-81956032]{width:12px;height:12px;border-radius:50%;background-color:#334155;margin:0 6px;cursor:pointer;transition:background-color .3s ease;box-shadow:0 0 5px #0cf3}.indicator.active[data-v-81956032]{background-color:#0cf;box-shadow:0 0 10px #00ccffb3}.search-box[data-v-81956032]{margin-top:20px}.device-list[data-v-81956032]{width:220px;background-color:#162b44;border-radius:12px;padding:15px;margin-right:20px;overflow-y:auto;border:1px solid rgba(167,139,250,.3);box-shadow:inset 0 0 10px #00ccff1a}.list-title[data-v-81956032]{font-size:16px;font-weight:700;margin-bottom:15px;color:#0cf;text-align:center;text-shadow:0 0 5px rgba(0,204,255,.5)}.device-items[data-v-81956032]{display:flex;flex-direction:column}.device-item[data-v-81956032]{padding:10px 12px;margin-bottom:8px;border-radius:8px;cursor:pointer;transition:background-color .3s ease;color:#546e7a;height:40px;line-height:20px;box-sizing:border-box;border:1px solid transparent}.device-item[data-v-81956032]:hover{background-color:#bbdefb}.device-item.selected[data-v-81956032]{background-color:#1e88e5;color:#fff}.chart-area[data-v-81956032]{flex:1;background-color:#fff;border-radius:12px;padding:15px;box-shadow:0 2px 8px #0000001a}.metric-selector[data-v-81956032]{margin-top:20px;display:flex;align-items:center}.selector-label[data-v-81956032]{margin-right:15px;color:#546e7a}@media (max-width: 1200px){.device-card[data-v-81956032]{flex:0 0 calc(33.33% - 30px)}}@media (max-width: 992px){.device-card[data-v-81956032]{flex:0 0 calc(50% - 30px)}.chart-container[data-v-81956032]{flex-direction:column;height:auto}.device-list[data-v-81956032]{width:100%;margin-right:0;margin-bottom:20px;max-height:200px}.chart-area[data-v-81956032]{height:300px}}@media (max-width: 768px){.dashboard-container[data-v-81956032]{padding:5px 10px}.device-card[data-v-81956032]{flex:0 0 calc(100% - 30px)}.statistics[data-v-81956032]{flex-direction:column}.stat-card[data-v-81956032]{margin-bottom:15px}}.flex-center[data-v-81956032]{display:flex;justify-content:center;align-items:center}.card-style[data-v-81956032]{background-color:#162b44;border-radius:12px;padding:15px;box-shadow:0 4px 6px -1px #00ccff1a;border:1px solid rgba(0,204,255,.3)}.hover-effect[data-v-81956032]{transition:transform .3s,box-shadow .3s}.hover-effect[data-v-81956032]:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00ccff4d}.section-title-group[data-v-81956032]{display:flex;flex-direction:row;justify-content:start;align-items:center;align-content:center;margin-top:10px}#app{height:100vh - 5;margin:0;padding:0}