.camera-card{border:1px solid #ddd;padding:20px;margin:15px 0;border-radius:8px}.camera-card.status-running{background-color:#d4edda;border-left:4px solid #28a745}.camera-card.status-stopped{background-color:#f8d7da;border-left:4px solid #dc3545}.camera-card.status-error{background-color:#fff3cd;border-left:4px solid #ffc107}.camera-card.status-offline{background-color:#e2e3e5;border-left:4px solid #6c757d}.online-indicator{width:12px;height:12px;border-radius:50%;display:inline-block}.online-indicator.online{background-color:#28a745}.online-indicator.offline{background-color:#dc3545}.user-avatar{width:32px;height:32px;border-radius:50%;background:#495057;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.user-info{white-space:nowrap}.user-email{max-width:200px;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}@media (max-width:576px){.user-email{max-width:120px}}.time-marks{display:flex;justify-content:space-between;margin:0 10px;position:relative}.time-mark{text-align:center;flex:1;position:relative}.mark-line{height:8px;border-left:1px solid #ccc;margin:0 auto;width:1px}.time-label{font-size:11px;color:#666;white-space:nowrap;position:absolute;bottom:-20px;left:50%;transform:translateX(-50%)}.noUi-connect{background:#28a745}#range-slider{height:50px;margin:30px 0 40px 0}.input-group-sm{max-width:120px;margin:0 auto}.input-group-sm .form-control{text-align:center}#player-status.loading{color:#ffc107}#player-status.ready{color:#28a745}#player-status.error{color:#dc3545}.btn{margin:2px}.navbar-brand{margin-right:0}@media (max-width:768px){.camera-card{padding:15px}.camera-card .row>div{margin-bottom:10px}}.timeline .progress{background-color:#e9ecef;border-radius:10px;overflow:hidden}.timeline .progress-bar{transition:width .3s ease}.online-indicator{width:12px;height:12px;border-radius:50%;display:inline-block}.online-indicator.online{background-color:#28a745}.online-indicator.offline{background-color:#dc3545}