.online-device-list[data-v-4a08418b]{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000000d;height:100%;box-sizing:border-box;display:flex;flex-direction:column}h2[data-v-4a08418b]{margin-top:0;font-size:1.2em;color:#333;border-bottom:1px solid #f0f0f0;padding-bottom:10px;margin-bottom:10px}ul[data-v-4a08418b]{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto}li[data-v-4a08418b]{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s}.device-info[data-v-4a08418b]{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.status-indicator[data-v-4a08418b]{width:8px;height:8px;border-radius:50%;background-color:#dcdfe6;transition:background-color .3s ease;flex-shrink:0}.status-indicator.online[data-v-4a08418b]{background-color:#67c23a}li[data-v-4a08418b]:hover{background-color:#f9f9f9}li.selected[data-v-4a08418b]{background-color:#eef5ff;border-left:3px solid #409eff;padding-left:9px}li[data-v-4a08418b]:last-child{border-bottom:none}.device-name[data-v-4a08418b]{font-weight:500;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-ip[data-v-4a08418b]{color:#888;font-family:Courier New,Courier,monospace}p[data-v-4a08418b]{text-align:center;color:#888;padding:20px}.device-history-chart-container[data-v-0243b4de]{position:absolute;inset:0}.device-history-chart[data-v-0243b4de]{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:20px;height:100%;box-sizing:border-box}.chart-section[data-v-0243b4de]{display:flex;flex-direction:column;min-height:0}.chart-header[data-v-0243b4de]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0;padding-bottom:10px;margin-bottom:20px}h2[data-v-0243b4de]{margin-top:0;font-size:1.2em;color:#333}h3[data-v-0243b4de]{margin-top:0;font-size:1.1em;color:#333;margin-bottom:10px}.time-range-selector[data-v-0243b4de]{display:flex;align-items:center;gap:8px}.time-range-selector select[data-v-0243b4de]{padding:4px 8px;border-radius:4px;border:1px solid #ddd}.chart-body[data-v-0243b4de]{width:100%;flex:1;min-height:0}.events-section[data-v-0243b4de]{display:flex;flex-direction:column;border-top:1px solid #f0f0f0;padding-top:20px;min-height:0}.events-list-container[data-v-0243b4de]{overflow-y:auto;flex:1}.events-table[data-v-0243b4de]{width:100%;border-collapse:collapse}.events-table th[data-v-0243b4de],.events-table td[data-v-0243b4de]{padding:12px 15px;text-align:left;border-bottom:1px solid #f0f0f0}.events-table th[data-v-0243b4de]{background-color:#fafafa;font-weight:600;color:#333}.events-table tbody tr:last-child td[data-v-0243b4de]{border-bottom:none}body{background-color:#f4f7f9;margin:0;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#dashboard[data-v-f7133d78]{color:#2c3e50;padding:20px;max-width:100vw;margin:0 auto;display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box}header[data-v-f7133d78]{text-align:center;margin-bottom:30px}header h1[data-v-f7133d78]{font-size:2em;font-weight:600;color:#1f2d3d}main[data-v-f7133d78]{flex:1;display:flex;min-height:0}.loading-state[data-v-f7133d78],.error-state[data-v-f7133d78]{text-align:center;padding:50px;font-size:1.2em;color:#888}.main-layout[data-v-f7133d78]{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:20px;flex:1}@media (min-width: 992px){.main-layout[data-v-f7133d78]{grid-template-columns:400px 1fr;grid-template-rows:unset;align-items:stretch}}