.camera-monitor[data-v-7e76ac6f]{padding:20px;background:#f5f5f5;min-height:100vh}.monitor-header[data-v-7e76ac6f]{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.camera-grid[data-v-7e76ac6f]{display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:20px;margin-bottom:20px}.camera-card[data-v-7e76ac6f]{background:#fff;border-radius:8px;overflow:hidden;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s}.camera-card[data-v-7e76ac6f]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.camera-header[data-v-7e76ac6f]{padding:15px 20px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;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}.camera-name[data-v-7e76ac6f]{font-size:16px;font-weight:600}.camera-status[data-v-7e76ac6f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.status-indicator[data-v-7e76ac6f]{width:8px;height:8px;border-radius:50%;background:#67c23a}.status-indicator.offline[data-v-7e76ac6f]{background:#f56c6c}.camera-content[data-v-7e76ac6f]{padding:20px}.video-container[data-v-7e76ac6f]{position:relative;width:100%;height:240px;background:#000;border-radius:4px;overflow:hidden;margin-bottom:15px}.video-placeholder[data-v-7e76ac6f]{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;height:100%;color:#999;font-size:14px}.video-stream[data-v-7e76ac6f]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.camera-controls[data-v-7e76ac6f]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;margin-bottom:15px}.camera-info[data-v-7e76ac6f]{background:#f8f9fa;padding:15px;border-radius:4px;font-size:12px;color:#666}.info-row[data-v-7e76ac6f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:5px}.detection-results[data-v-7e76ac6f]{margin-top:15px}.result-item[data-v-7e76ac6f]{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;padding:8px 12px;background:#f0f9ff;border-radius:4px;margin-bottom:5px;font-size:12px}.result-time[data-v-7e76ac6f]{color:#666}.control-panel[data-v-7e76ac6f]{background:#fff;padding:20px;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px}.control-title[data-v-7e76ac6f]{font-size:18px;font-weight:600;margin-bottom:15px;color:#333}.control-form[data-v-7e76ac6f]{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:15px}.full-width[data-v-7e76ac6f]{grid-column:1/-1}.stats-panel[data-v-7e76ac6f]{background:#fff;padding:20px;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px}.stats-grid[data-v-7e76ac6f]{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:15px}.stat-card[data-v-7e76ac6f]{text-align:center;padding:15px;background:#f8f9fa;border-radius:6px}.stat-number[data-v-7e76ac6f]{font-size:24px;font-weight:bold;color:#409eff}.stat-label[data-v-7e76ac6f]{font-size:12px;color:#666;margin-top:5px}@media(max-width: 768px){.camera-monitor[data-v-7e76ac6f]{padding:10px}.camera-grid[data-v-7e76ac6f]{grid-template-columns:1fr;gap:15px}.control-form[data-v-7e76ac6f]{grid-template-columns:1fr}.stats-grid[data-v-7e76ac6f]{grid-template-columns:repeat(2, 1fr)}.camera-controls[data-v-7e76ac6f]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}