.surveillance-dashboard[data-v-462af836]{background:#f0f2f5;padding:16px}.dashboard-header[data-v-462af836]{-ms-flex-pack:justify;justify-content:space-between;background:#fff;padding:16px 24px;border-radius:8px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.dashboard-header[data-v-462af836],.header-left[data-v-462af836],.live-icon-box[data-v-462af836]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.live-icon-box[data-v-462af836]{width:32px;height:32px;background:#e6f7ff;color:#1890ff;border-radius:6px;-ms-flex-pack:center;justify-content:center;font-size:18px;margin-right:12px}.header-title[data-v-462af836]{font-size:18px;font-weight:600;color:#262626;margin-right:12px}.header-tag[data-v-462af836]{margin-top:2px;font-weight:700}.refresh-btn[data-v-462af836]{border-radius:6px;box-shadow:0 2px 6px rgba(24,144,255,.3)}.video-grid-container[data-v-462af836]{padding:0}.camera-card[data-v-462af836]{background:#fff;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s}.camera-card[data-v-462af836]:hover{box-shadow:0 6px 16px rgba(0,0,0,.12);transform:translateY(-2px)}.camera-header[data-v-462af836]{-ms-flex-pack:justify;justify-content:space-between;background:#fff;padding:12px 16px;border-bottom:1px solid #f0f0f0}.camera-header[data-v-462af836],.camera-info[data-v-462af836]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.camera-info[data-v-462af836]{-ms-flex:1;flex:1;overflow:hidden}.camera-name[data-v-462af836]{color:#262626;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:12px}.camera-id[data-v-462af836]{color:#1890ff;background:#e6f7ff;padding:2px 8px;border-radius:4px;font-size:12px;font-family:monospace}.camera-status[data-v-462af836]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.status-text[data-v-462af836]{color:#1890ff;font-size:13px;margin-left:8px;font-weight:500}.status-dot[data-v-462af836]{width:8px;height:8px;background-color:#1890ff;border-radius:50%;box-shadow:0 0 6px #1890ff;animation:pulseBlue-data-v-462af836 1.5s ease-in-out infinite}@keyframes pulseBlue-data-v-462af836{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.3);opacity:1}to{transform:scale(.8);opacity:.5}}.offline-dot[data-v-462af836]{background-color:#d9d9d9!important;box-shadow:none!important;animation:none!important}.offline-text-color[data-v-462af836]{color:#8c8c8c!important}.iframe-wrapper[data-v-462af836]{position:relative;width:100%;padding-bottom:56.25%;background-color:#000}.video-iframe[data-v-462af836]{position:absolute;top:0;left:0;width:100%;height:100%;border:none;outline:none}.camera-loading[data-v-462af836]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:10;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.loading-icon[data-v-462af836]{font-size:36px;color:#1890ff;margin-bottom:12px}.loading-text[data-v-462af836]{color:#fff;font-size:14px;font-weight:500;letter-spacing:1px}.camera-offline[data-v-462af836]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f5f5f5;z-index:10;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.offline-icon[data-v-462af836]{font-size:32px;color:#bfbfbf;margin-bottom:12px}.offline-msg[data-v-462af836]{color:#8c8c8c;font-size:14px;font-weight:500}.empty-container[data-v-462af836]{background:#fff;padding:120px 0;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.04)}