.final-video-player[data-v-9e79bdcd]{width:100%;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;overflow:hidden}.player-header[data-v-9e79bdcd]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#0f0f0f;border-bottom:1px solid #2a2a2a;color:#e0e0e0}.player-header h3[data-v-9e79bdcd]{margin:0;font-size:1rem;font-weight:300;text-transform:uppercase;letter-spacing:1px;color:#e0e0e0}.status-tag[data-v-9e79bdcd]{padding:.25rem .75rem;border-radius:2px;font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:.5px;background:#2a2a2a;border:1px solid #333}.status-tag.connected[data-v-9e79bdcd]{background:rgba(74,222,128,.1);color:#4ade80;border-color:#4ade804d}.status-tag.disconnected[data-v-9e79bdcd]{background:rgba(239,68,68,.1);color:#ef4444;border-color:#ef44444d}.external-controls[data-v-9e79bdcd]{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;background:#1a1a1a;border-top:1px solid #2a2a2a;justify-content:center;align-items:center;position:relative;z-index:9999}.video-container[data-v-9e79bdcd]{position:relative;background:#000;min-height:400px;width:100%}.video-player[data-v-9e79bdcd]{width:100%;background:#000;position:relative;z-index:1}.video-player canvas[data-v-9e79bdcd]{position:relative!important;z-index:1!important}.overlay-controls[data-v-9e79bdcd]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));padding:2rem 1rem 1rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center;opacity:0;transform:translateY(20px);transition:all .3s ease;pointer-events:none;z-index:9999}.overlay-controls.visible[data-v-9e79bdcd]{opacity:1;transform:translateY(0);pointer-events:all}.control-btn[data-v-9e79bdcd]{background:rgba(0,0,0,.6);color:#fff;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:6px;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:80px;white-space:nowrap}.control-btn.icon-btn[data-v-9e79bdcd]{padding:.75rem;min-width:auto;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.control-btn[data-v-9e79bdcd]:hover:not(:disabled){background:rgba(255,255,255,.15);border-color:#fff6;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #00000080}.control-btn[data-v-9e79bdcd]:disabled{opacity:.4;cursor:not-allowed;background:rgba(15,15,15,.6);border-color:#1a1a1a80;color:#444;transform:none;box-shadow:none}.control-btn.primary[data-v-9e79bdcd]{background:rgba(74,222,128,.8);color:#000;border-color:#4ade80}.control-btn.primary[data-v-9e79bdcd]:hover:not(:disabled){background:rgba(74,222,128,1);border-color:#4ade80;color:#000;transform:translateY(-2px);box-shadow:0 6px 20px #4ade8066}.control-btn.recording-ready[data-v-9e79bdcd]{background:rgba(59,130,246,.9)!important;color:#000!important;border-color:#3b82f6!important;box-shadow:0 0 12px #3b82f680!important;animation:pulse-recording-9e79bdcd 2s infinite}.control-btn.recording-ready[data-v-9e79bdcd]:hover:not(:disabled){background:rgba(59,130,246,1)!important;transform:translateY(-2px) scale(1.05)!important;box-shadow:0 6px 25px #3b82f699!important}@keyframes pulse-recording-9e79bdcd{0%,to{box-shadow:0 0 12px #3b82f680}50%{box-shadow:0 0 20px #3b82f6cc}}.control-btn.secondary[data-v-9e79bdcd]{background:#1a1a1a;color:#888;border-color:#333}.control-btn.secondary[data-v-9e79bdcd]:hover:not(:disabled){color:#e0e0e0;border-color:#555}.control-btn.recording[data-v-9e79bdcd]{background:#ef4444;color:#fff;border-color:#ef4444;animation:pulse-9e79bdcd 2s infinite;box-shadow:0 0 20px #ef444480}.control-btn.recording[data-v-9e79bdcd]:hover:not(:disabled){background:#dc2626;border-color:#dc2626;color:#fff;transform:translateY(-2px);box-shadow:0 6px 30px #ef444499}.control-btn.recording svg[data-v-9e79bdcd]{animation:blink-9e79bdcd 1s infinite}.control-btn.muted[data-v-9e79bdcd]{background:rgba(239,68,68,.15);color:#ef4444;border-color:#ef444480}.volume-control[data-v-9e79bdcd]{display:flex;align-items:center;gap:.5rem;background:rgba(26,26,26,.8);border:1px solid rgba(51,51,51,.5);border-radius:20px;padding:.4rem .8rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.volume-slider[data-v-9e79bdcd]{width:80px;height:4px;background:#333;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px;transition:all .3s ease}.volume-slider[data-v-9e79bdcd]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#4ade80;border-radius:50%;cursor:pointer;transition:all .3s ease}.volume-slider[data-v-9e79bdcd]::-webkit-slider-thumb:hover{background:#22c55e;transform:scale(1.1)}.volume-slider[data-v-9e79bdcd]::-moz-range-thumb{width:14px;height:14px;background:#4ade80;border-radius:50%;cursor:pointer;border:none;transition:all .3s ease}.volume-slider[data-v-9e79bdcd]::-moz-range-thumb:hover{background:#22c55e;transform:scale(1.1)}.volume-percentage[data-v-9e79bdcd]{color:#888;font-size:.65rem;font-weight:500;font-family:Monaco,Courier New,monospace;min-width:30px;text-align:center}.stream-config[data-v-9e79bdcd]{display:flex;flex-direction:column;gap:1rem;margin:1rem 0;padding:1rem;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:4px}.config-item[data-v-9e79bdcd]{display:flex;align-items:center;gap:1rem;font-size:.8rem}.config-item strong[data-v-9e79bdcd]{color:#999;font-weight:400;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;min-width:80px}.volume-controls[data-v-9e79bdcd]{display:flex;align-items:center;gap:.75rem;flex:1}.volume-btn[data-v-9e79bdcd]{background:#1a1a1a;color:#888;border:1px solid #333;padding:.25rem .75rem;border-radius:2px;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s}.volume-btn[data-v-9e79bdcd]:hover:not(:disabled){background:#2a2a2a;color:#e0e0e0;border-color:#444}.volume-btn[data-v-9e79bdcd]:disabled{opacity:.3;cursor:not-allowed}.volume-range[data-v-9e79bdcd]{width:120px;height:3px;background:#333;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px}.volume-range[data-v-9e79bdcd]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#4ade80;border-radius:50%;cursor:pointer}.volume-range[data-v-9e79bdcd]::-moz-range-thumb{width:12px;height:12px;background:#4ade80;border-radius:50%;cursor:pointer;border:none}.volume-display[data-v-9e79bdcd]{color:#666;font-size:.75rem;font-weight:400;min-width:35px;font-family:Monaco,Courier New,monospace}.speed-select[data-v-9e79bdcd]{background:#1a1a1a;color:#888;border:1px solid #333;padding:.25rem .75rem;border-radius:2px;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;outline:none;min-width:120px}.speed-select[data-v-9e79bdcd]:hover{background:#2a2a2a;color:#e0e0e0;border-color:#444}.speed-select[data-v-9e79bdcd]:disabled{opacity:.3;cursor:not-allowed}.status-live[data-v-9e79bdcd]{color:#4ade80;font-weight:400;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.status-offline[data-v-9e79bdcd]{color:#666;font-weight:400;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}@keyframes pulse-9e79bdcd{0%,to{opacity:1}50%{opacity:.7}}@keyframes blink-9e79bdcd{0%,to{opacity:1}50%{opacity:.3}}.video-placeholder[data-v-9e79bdcd]{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f0f0f;display:flex;align-items:center;justify-content:center;color:#666;z-index:10;pointer-events:none}.placeholder-content[data-v-9e79bdcd]{text-align:center}.placeholder-icon[data-v-9e79bdcd]{width:64px;height:64px;margin-bottom:1.5rem;color:#333}.status[data-v-9e79bdcd]{font-size:1rem;margin-bottom:1rem;font-weight:300;text-transform:uppercase;letter-spacing:1px;color:#666}.stream-ready[data-v-9e79bdcd]{color:#4ade80;font-weight:400;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.loading-overlay[data-v-9e79bdcd]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;color:#fff;z-index:20;pointer-events:none}.loading-content[data-v-9e79bdcd]{text-align:center}.spinner[data-v-9e79bdcd]{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-top-color:#4ade80;border-radius:50%;animation:spin-9e79bdcd 1s linear infinite;margin:0 auto 1rem}@keyframes spin-9e79bdcd{to{transform:rotate(360deg)}}.stream-details[data-v-9e79bdcd]{padding:1rem 1.5rem;background:#151515;border-top:1px solid #2a2a2a}.stream-info-grid[data-v-9e79bdcd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.info-item[data-v-9e79bdcd]{font-size:.8rem;color:#666}.info-item strong[data-v-9e79bdcd]{color:#999;font-weight:400;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;margin-right:.5rem}.stream-url[data-v-9e79bdcd]{padding-top:1rem;border-top:1px solid #2a2a2a}.btn-copy-url[data-v-9e79bdcd]{background:#1a1a1a;color:#4ade80;border:1px solid #4ade80;padding:.5rem 1rem;border-radius:2px;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;font-weight:400}.btn-copy-url[data-v-9e79bdcd]:hover:not(:disabled){background:rgba(74,222,128,.1);box-shadow:0 0 10px #4ade804d}.btn-copy-url[data-v-9e79bdcd]:disabled{opacity:.3;cursor:not-allowed}.debug-info[data-v-9e79bdcd]{padding:1rem 1.5rem;background:#0f0f0f;border-top:1px solid #2a2a2a;font-family:Monaco,Courier New,monospace;font-size:.75rem}.debug-content[data-v-9e79bdcd]{margin-top:.5rem}.debug-content div[data-v-9e79bdcd]{margin:.25rem 0;color:#444;text-transform:uppercase;letter-spacing:.5px}.section-header[data-v-4fd24520]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:4px;cursor:pointer;transition:all .3s ease;margin-bottom:6px;width:400px;height:30px;box-sizing:border-box}.section-header[data-v-4fd24520]:hover{background:#1a1a1a;border-color:#4ade80}.header-content[data-v-4fd24520]{display:flex;align-items:center;gap:12px}.section-title[data-v-4fd24520]{margin:0;font-size:.9rem;font-weight:500;color:#e0e0e0;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.section-icon[data-v-4fd24520]{color:#4ade80;transition:color .3s ease}.section-icon.icon-ready[data-v-4fd24520]{color:#4ade80}.section-icon.icon-active[data-v-4fd24520]{color:#f59e0b}.section-icon.icon-error[data-v-4fd24520]{color:#ef4444}.collapse-icon[data-v-4fd24520]{color:#666;transition:transform .3s ease}.collapse-icon.collapsed[data-v-4fd24520]{transform:rotate(-90deg)}.section-content[data-v-4fd24520]{padding:8px 4px}.control-pad[data-v-4fd24520]{margin-bottom:16px}.control-row[data-v-4fd24520]{display:flex;justify-content:center;align-items:center;gap:3px;margin-bottom:3px}.ptz-btn[data-v-4fd24520]{width:50px;height:50px;border:1px solid #333;background:#0f0f0f;border-radius:4px;font-size:20px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;color:#888}.ptz-btn[data-v-4fd24520]:hover:not(:disabled){background:#2a2a2a;border-color:#4ade80;color:#4ade80}.ptz-btn[data-v-4fd24520]:active:not(:disabled){background:#4ade80;color:#0f0f0f;transform:scale(.95);box-shadow:0 0 12px #4ade8080}.ptz-btn.primary[data-v-4fd24520]{font-weight:700;color:#e0e0e0}.ptz-btn.diagonal[data-v-4fd24520]{font-size:20px;color:#666}.ptz-btn.center[data-v-4fd24520]{background:#0a0a0a;font-size:14px;color:#555;border-radius:50%;width:50px;height:50px;border:1px solid #2a2a2a}.ptz-btn.center[data-v-4fd24520]:hover:not(:disabled){background:#1a1a1a;color:#666;border-color:#333;box-shadow:none}.ptz-btn.center[data-v-4fd24520]:active:not(:disabled){background:#2a2a2a;transform:scale(.95);box-shadow:none;color:#777}.ptz-btn[data-v-4fd24520]:disabled{opacity:.3;cursor:not-allowed;color:#444}.zoom-controls[data-v-4fd24520]{margin-bottom:12px}.zoom-title[data-v-4fd24520],.speed-title[data-v-4fd24520],.duration-title[data-v-4fd24520]{font-size:.85rem;font-weight:400;color:#888;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.zoom-buttons[data-v-4fd24520]{display:flex;gap:8px}.zoom-btn[data-v-4fd24520]{flex:1;height:40px;border:1px solid #333;background:#0f0f0f;border-radius:4px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;color:#888}.zoom-btn[data-v-4fd24520]:hover:not(:disabled){background:#2a2a2a;border-color:#4ade80;color:#4ade80}.zoom-btn[data-v-4fd24520]:active:not(:disabled){background:#4ade80;transform:scale(.95);box-shadow:0 0 12px #4ade8080}.zoom-btn:active:not(:disabled) svg[data-v-4fd24520]{color:#0f0f0f}.zoom-btn[data-v-4fd24520]:disabled{opacity:.3;cursor:not-allowed;color:#444}.speed-controls[data-v-4fd24520]{margin-bottom:12px}.speed-slider[data-v-4fd24520]{display:flex;align-items:center;gap:12px}.speed-slider input[data-v-4fd24520]{flex:1;height:4px;background:#333;border-radius:2px;outline:none;-webkit-appearance:none}.speed-slider input[data-v-4fd24520]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#4ade80;border-radius:50%;cursor:pointer;box-shadow:0 0 6px #4ade8080}.speed-slider input[data-v-4fd24520]::-moz-range-thumb{width:16px;height:16px;background:#4ade80;border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 6px #4ade8080}.speed-value[data-v-4fd24520]{font-size:.85rem;color:#e0e0e0;font-weight:500;min-width:40px;font-family:Monaco,Courier New,monospace}.duration-controls[data-v-4fd24520]{margin-bottom:12px}.duration-options[data-v-4fd24520]{display:flex;gap:8px}.duration-btn[data-v-4fd24520]{flex:1;padding:8px 12px;border:1px solid #333;background:#0f0f0f;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .3s;color:#888;text-transform:uppercase;letter-spacing:.3px}.duration-btn[data-v-4fd24520]:hover:not(:disabled){border-color:#4ade80;color:#4ade80;background:#1a1a1a}.duration-btn.active[data-v-4fd24520]{background:#4ade80;color:#0f0f0f;border-color:#4ade80;font-weight:500;box-shadow:0 0 8px #4ade804d}.duration-btn[data-v-4fd24520]:disabled{opacity:.3;cursor:not-allowed;color:#444}.ptz-debug[data-v-4fd24520]{margin-top:16px;padding-top:16px;border-top:1px solid #2a2a2a;font-family:Monaco,Courier New,monospace;color:#666;font-size:.7rem}@media (max-width: 480px){.ptz-controller[data-v-4fd24520]{max-width:100%;padding:12px}.ptz-btn[data-v-4fd24520]{width:50px;height:50px;font-size:20px}.ptz-btn.diagonal[data-v-4fd24520]{font-size:18px}}.recordings-controller[data-v-836ebf10]{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;padding:8px;max-width:100%}.section-header[data-v-836ebf10]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:4px;cursor:pointer;transition:all .3s ease;margin-bottom:6px;width:400px;height:30px;box-sizing:border-box}.section-header[data-v-836ebf10]:hover{background:#1a1a1a;border-color:#4ade80}.header-content[data-v-836ebf10]{display:flex;align-items:center;gap:12px}.section-title[data-v-836ebf10]{margin:0;font-size:.9rem;font-weight:500;color:#e0e0e0;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.section-icon[data-v-836ebf10]{color:#4ade80;transition:color .3s ease}.section-icon.icon-ready[data-v-836ebf10]{color:#4ade80}.section-icon.icon-searching[data-v-836ebf10]{color:#3b82f6}.section-icon.icon-active[data-v-836ebf10]{color:#f59e0b}.section-icon.icon-loading[data-v-836ebf10]{color:#3b82f6}.section-icon.icon-error[data-v-836ebf10]{color:#ef4444}.collapse-icon[data-v-836ebf10]{color:#666;transition:transform .3s ease}.collapse-icon.collapsed[data-v-836ebf10]{transform:rotate(-90deg)}.section-content[data-v-836ebf10]{padding:8px 4px}.recordings-icon[data-v-836ebf10]{color:#4ade80}.recordings-status[data-v-836ebf10]{display:flex;align-items:center;gap:6px}.status-dot[data-v-836ebf10]{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade8080}.status-dot.searching[data-v-836ebf10]{background:#f59e0b;animation:pulse-836ebf10 1s infinite;box-shadow:0 0 6px #f59e0b80}@keyframes pulse-836ebf10{0%,to{opacity:1}50%{opacity:.5}}.status-text[data-v-836ebf10]{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.3px}.search-controls[data-v-836ebf10]{margin-bottom:16px}.date-controls[data-v-836ebf10]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.date-input-group[data-v-836ebf10]{display:flex;flex-direction:column;gap:4px}.filter-controls[data-v-836ebf10]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px}.filter-group[data-v-836ebf10]{display:flex;flex-direction:column;gap:4px}.input-label[data-v-836ebf10]{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.date-input[data-v-836ebf10],.channel-input[data-v-836ebf10],.type-select[data-v-836ebf10],.limit-input[data-v-836ebf10]{background:#0f0f0f;border:1px solid #333;border-radius:4px;padding:8px;color:#e0e0e0;font-size:.85rem;font-family:inherit;transition:all .3s ease}.date-input[data-v-836ebf10]{color-scheme:dark}.date-input[data-v-836ebf10]::-webkit-calendar-picker-indicator{filter:invert(.8);cursor:pointer;opacity:.6;transition:opacity .3s}.date-input[data-v-836ebf10]::-webkit-calendar-picker-indicator:hover{opacity:1}.date-input[data-v-836ebf10]::-webkit-datetime-edit{color:#e0e0e0}.date-input[data-v-836ebf10]::-webkit-datetime-edit-fields-wrapper{color:#e0e0e0}.date-input[data-v-836ebf10]::-webkit-datetime-edit-text{color:#666}.date-input[data-v-836ebf10]::-webkit-datetime-edit-month-field,.date-input[data-v-836ebf10]::-webkit-datetime-edit-day-field,.date-input[data-v-836ebf10]::-webkit-datetime-edit-year-field,.date-input[data-v-836ebf10]::-webkit-datetime-edit-hour-field,.date-input[data-v-836ebf10]::-webkit-datetime-edit-minute-field{color:#e0e0e0}.date-input[data-v-836ebf10]::-webkit-datetime-edit-month-field:focus,.date-input[data-v-836ebf10]::-webkit-datetime-edit-day-field:focus,.date-input[data-v-836ebf10]::-webkit-datetime-edit-year-field:focus,.date-input[data-v-836ebf10]::-webkit-datetime-edit-hour-field:focus,.date-input[data-v-836ebf10]::-webkit-datetime-edit-minute-field:focus{background:#1a1a1a;color:#4ade80;border-radius:2px}.date-input[data-v-836ebf10]:focus,.channel-input[data-v-836ebf10]:focus,.type-select[data-v-836ebf10]:focus,.limit-input[data-v-836ebf10]:focus{outline:none;border-color:#444;box-shadow:0 0 0 1px #ffffff0d;background:#1a1a1a}.date-input[data-v-836ebf10]:disabled,.channel-input[data-v-836ebf10]:disabled,.type-select[data-v-836ebf10]:disabled,.limit-input[data-v-836ebf10]:disabled{opacity:.5;cursor:not-allowed}.action-buttons[data-v-836ebf10]{display:flex;gap:8px}.search-btn[data-v-836ebf10]{flex:1;padding:10px 16px;background:#0f0f0f;border:1px solid #333;border-radius:4px;color:#888;font-size:.85rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:6px;text-transform:uppercase;letter-spacing:.3px}.search-btn[data-v-836ebf10]:hover:not(:disabled){background:#2a2a2a;border-color:#4ade80;color:#4ade80}.search-btn.primary[data-v-836ebf10]{background:#4ade80;color:#0f0f0f;border-color:#4ade80;font-weight:500}.search-btn.primary[data-v-836ebf10]:hover:not(:disabled){background:#22c55e;transform:translateY(-1px);box-shadow:0 4px 12px #4ade804d}.search-btn.clear[data-v-836ebf10]:hover:not(:disabled){background:#ef4444;border-color:#ef4444;color:#fff}.search-btn[data-v-836ebf10]:disabled{opacity:.3;cursor:not-allowed}.spinner-icon[data-v-836ebf10]{animation:spin-836ebf10 1s linear infinite}@keyframes spin-836ebf10{to{transform:rotate(360deg)}}.recordings-results[data-v-836ebf10]{max-height:300px;overflow-y:auto;border-top:1px solid #2a2a2a;padding-top:6px}.results-header[data-v-836ebf10]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px;background:#0f0f0f;border-radius:4px}.results-count[data-v-836ebf10]{font-size:.85rem;color:#4ade80;font-weight:500}.results-range[data-v-836ebf10]{font-size:.75rem;color:#666}.recordings-list[data-v-836ebf10]{display:flex;flex-direction:column;gap:8px}.recording-item[data-v-836ebf10]{display:flex;align-items:center;gap:12px;padding:12px;background:#0f0f0f;border:1px solid #333;border-radius:4px;cursor:pointer;transition:all .3s}.recording-item[data-v-836ebf10]:hover{background:#2a2a2a;border-color:#444;transform:translate(4px)}.recording-item.selected[data-v-836ebf10]{background:#1f1f1f;border-color:#4ade80;border-left:3px solid #4ade80}.recording-icon[data-v-836ebf10]{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.rec-dot[data-v-836ebf10]{width:12px;height:12px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef444466;transition:all .3s}.recording-item:hover .rec-dot[data-v-836ebf10]{background:#f87171;box-shadow:0 0 12px #ef444499}.recording-item.selected .rec-dot[data-v-836ebf10]{background:#4ade80;box-shadow:0 0 12px #4ade8099;animation:pulse-836ebf10 2s infinite}@keyframes pulse-836ebf10{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.recording-info[data-v-836ebf10]{flex:1}.recording-time[data-v-836ebf10]{font-size:.9rem;color:#e0e0e0;margin-bottom:4px}.recording-details[data-v-836ebf10]{display:flex;gap:12px;font-size:.75rem;color:#666}.recording-duration[data-v-836ebf10]{color:#888}.recording-type[data-v-836ebf10]{padding:2px 6px;background:#262626;border-radius:2px;text-transform:uppercase}.recording-channel[data-v-836ebf10]{color:#666;font-family:Monaco,Courier New,monospace}.recording-actions[data-v-836ebf10]{display:flex;gap:8px}.play-btn[data-v-836ebf10]{width:32px;height:32px;border-radius:50%;background:#262626;border:1px solid #333;color:#888;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.play-btn[data-v-836ebf10]:hover{background:#4ade80;border-color:#4ade80;color:#0f0f0f;transform:scale(1.1);box-shadow:0 0 12px #4ade8080}.empty-state[data-v-836ebf10],.initial-state[data-v-836ebf10],.loading-state[data-v-836ebf10]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-icon[data-v-836ebf10],.initial-icon[data-v-836ebf10]{color:#444;margin-bottom:16px}.loading-spinner[data-v-836ebf10]{color:#4ade80;animation:spin-836ebf10 1s linear infinite;margin-bottom:16px}.empty-text[data-v-836ebf10],.initial-text[data-v-836ebf10],.loading-text[data-v-836ebf10]{font-size:.9rem;color:#888;margin:0 0 8px}.empty-subtext[data-v-836ebf10],.initial-subtext[data-v-836ebf10]{font-size:.8rem;color:#666;margin:0}.error-message[data-v-836ebf10]{display:flex;align-items:flex-start;gap:8px;padding:12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:4px;color:#ef4444;font-size:.85rem;margin-top:12px}.error-icon[data-v-836ebf10]{flex-shrink:0;margin-top:2px}.error-details[data-v-836ebf10]{margin-top:4px}.error-details small[data-v-836ebf10]{color:#999;font-size:.75rem}.recordings-results[data-v-836ebf10]::-webkit-scrollbar{width:8px}.recordings-results[data-v-836ebf10]::-webkit-scrollbar-track{background:#1a1a1a}.recordings-results[data-v-836ebf10]::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.recordings-results[data-v-836ebf10]::-webkit-scrollbar-thumb:hover{background:#444}@media (max-width: 768px){.date-controls[data-v-836ebf10],.filter-controls[data-v-836ebf10]{grid-template-columns:1fr}.action-buttons[data-v-836ebf10]{flex-wrap:wrap}.search-btn[data-v-836ebf10]{min-width:calc(50% - 4px)}}.section-header[data-v-9ae1d957]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:4px;cursor:pointer;transition:all .3s ease;margin-bottom:6px;width:400px;height:30px;box-sizing:border-box}.section-header[data-v-9ae1d957]:hover{background:#1a1a1a;border-color:#4ade80}.header-content[data-v-9ae1d957]{display:flex;align-items:center;gap:16px}.section-title[data-v-9ae1d957]{margin:0;font-size:.9rem;font-weight:500;color:#e0e0e0;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.section-icon[data-v-9ae1d957]{color:#4ade80;transition:color .3s ease}.section-icon.icon-ready[data-v-9ae1d957]{color:#4ade80}.section-icon.icon-loading[data-v-9ae1d957]{color:#3b82f6}.collapse-icon[data-v-9ae1d957]{color:#666;transition:transform .3s ease}.collapse-icon.collapsed[data-v-9ae1d957]{transform:rotate(-90deg)}.section-content[data-v-9ae1d957]{padding:8px 4px}.relay-controls[data-v-9ae1d957]{margin-bottom:12px}.relay-buttons[data-v-9ae1d957]{display:flex;gap:8px}.relay-btn[data-v-9ae1d957]{flex:1;padding:10px 16px;border:1px solid #333;background:#0f0f0f;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .3s ease;color:#e0e0e0;text-transform:uppercase;letter-spacing:.3px;font-weight:500;min-height:36px;display:flex;align-items:center;justify-content:center}.relay-btn[data-v-9ae1d957]:hover:not(:disabled){background:#2a2a2a;transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.relay-btn.open[data-v-9ae1d957]:hover:not(:disabled){border-color:#4ade80;color:#4ade80;box-shadow:0 2px 8px #4ade8033}.relay-btn.close[data-v-9ae1d957]:hover:not(:disabled){border-color:#f59e0b;color:#f59e0b;box-shadow:0 2px 8px #f59e0b33}.relay-btn[data-v-9ae1d957]:active{transform:translateY(0)}.relay-btn[data-v-9ae1d957]:disabled{opacity:.4;cursor:not-allowed;transform:none}@media (max-width: 480px){.contact-io-controller[data-v-9ae1d957]{max-width:100%;padding:12px}}.section-header[data-v-7759f94b]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:4px;cursor:pointer;transition:all .3s ease;margin-bottom:6px;width:400px;height:30px;box-sizing:border-box}.section-header[data-v-7759f94b]:hover{background:#1a1a1a;border-color:#4ade80}.header-content[data-v-7759f94b]{display:flex;align-items:center;gap:16px}.section-title[data-v-7759f94b]{margin:0;font-size:.9rem;font-weight:500;color:#e0e0e0;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.section-icon[data-v-7759f94b]{color:#f59e0b;transition:color .3s ease}.section-icon.icon-ready[data-v-7759f94b]{color:#f59e0b}.section-icon.icon-loading[data-v-7759f94b]{color:#3b82f6}.collapse-icon[data-v-7759f94b]{color:#666;transition:transform .3s ease}.collapse-icon.collapsed[data-v-7759f94b]{transform:rotate(-90deg)}.section-content[data-v-7759f94b]{padding:8px 4px}.alarm-status[data-v-7759f94b]{margin-bottom:12px;padding:8px 12px;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:4px}.status-info[data-v-7759f94b]{display:flex;align-items:center;justify-content:space-between}.status-label[data-v-7759f94b]{font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:.3px}.status-badge[data-v-7759f94b]{padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.status-badge.arm[data-v-7759f94b]{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-badge.disarm[data-v-7759f94b]{background:rgba(74,222,128,.1);color:#4ade80;border:1px solid rgba(74,222,128,.3)}.status-badge.partial[data-v-7759f94b]{background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.alarm-controls[data-v-7759f94b]{margin-bottom:12px}.mode-buttons[data-v-7759f94b]{display:flex;gap:6px}.mode-btn[data-v-7759f94b]{flex:1;padding:10px 8px;border:1px solid #333;background:#0f0f0f;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .3s ease;color:#e0e0e0;text-transform:uppercase;letter-spacing:.3px;font-weight:500;min-height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.mode-btn svg[data-v-7759f94b]{margin-bottom:2px}.mode-btn[data-v-7759f94b]:hover:not(:disabled){background:#2a2a2a;transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.mode-btn.arm[data-v-7759f94b]:hover:not(:disabled){border-color:#ef4444;color:#ef4444;box-shadow:0 2px 8px #ef444433}.mode-btn.disarm[data-v-7759f94b]:hover:not(:disabled){border-color:#4ade80;color:#4ade80;box-shadow:0 2px 8px #4ade8033}.mode-btn.partial[data-v-7759f94b]:hover:not(:disabled){border-color:#f59e0b;color:#f59e0b;box-shadow:0 2px 8px #f59e0b33}.mode-btn[data-v-7759f94b]:active{transform:translateY(0)}.mode-btn[data-v-7759f94b]:disabled{opacity:.4;cursor:not-allowed;transform:none}.alarm-info[data-v-7759f94b]{padding:8px;background:rgba(255,255,255,.02);border-radius:4px}.info-row[data-v-7759f94b]{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.info-label[data-v-7759f94b]{color:#666;text-transform:uppercase;letter-spacing:.3px}.info-value[data-v-7759f94b]{color:#888;font-family:Monaco,Courier New,monospace}@media (max-width: 480px){.mode-buttons[data-v-7759f94b]{flex-direction:column}.mode-btn[data-v-7759f94b]{flex-direction:row;gap:8px}}.section-header[data-v-527e48a1]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:4px;cursor:pointer;transition:all .3s ease;margin-bottom:6px;width:400px;height:30px;box-sizing:border-box}.section-header[data-v-527e48a1]:hover{background:#1a1a1a;border-color:#4ade80}.header-content[data-v-527e48a1]{display:flex;align-items:center;gap:16px}.section-title[data-v-527e48a1]{margin:0;font-size:.9rem;font-weight:500;color:#e0e0e0;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.section-icon[data-v-527e48a1]{color:#3b82f6;transition:color .3s ease}.section-icon.icon-ready[data-v-527e48a1]{color:#3b82f6}.section-icon.icon-loading[data-v-527e48a1]{color:#f59e0b}.collapse-icon[data-v-527e48a1]{color:#666;transition:transform .3s ease}.collapse-icon.collapsed[data-v-527e48a1]{transform:rotate(-90deg)}.section-content[data-v-527e48a1]{padding:8px 4px}.areas-list[data-v-527e48a1]{margin-bottom:12px;max-height:250px;overflow-y:auto}.area-item[data-v-527e48a1]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:4px;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:4px;cursor:pointer;transition:all .3s ease}.area-item[data-v-527e48a1]:hover{background:#1a1a1a;border-color:#3a3a3a;transform:translate(2px)}.area-item.selected[data-v-527e48a1]{border-color:#3b82f6;background:#1a1a1a}.area-item.active[data-v-527e48a1]{border-left:3px solid #4ade80}.area-info[data-v-527e48a1]{flex:1}.area-name[data-v-527e48a1]{font-size:.85rem;color:#e0e0e0;font-weight:500;margin-bottom:2px}.area-details[data-v-527e48a1]{display:flex;gap:12px;font-size:.7rem}.area-id[data-v-527e48a1]{color:#666;font-family:Monaco,Courier New,monospace}.area-status[data-v-527e48a1]{padding:1px 6px;border-radius:2px;text-transform:uppercase;letter-spacing:.3px;font-weight:500}.area-status.active[data-v-527e48a1]{background:rgba(74,222,128,.1);color:#4ade80}.area-status.inactive[data-v-527e48a1]{background:rgba(107,114,128,.1);color:#6b7280}.area-actions[data-v-527e48a1]{display:flex;align-items:center}.toggle-btn[data-v-527e48a1]{width:28px;height:28px;border-radius:50%;border:1px solid #333;background:#0f0f0f;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#666}.toggle-btn[data-v-527e48a1]:hover:not(:disabled){background:#2a2a2a;transform:scale(1.1)}.toggle-btn.active[data-v-527e48a1]{border-color:#4ade80;color:#4ade80}.toggle-btn.active[data-v-527e48a1]:hover:not(:disabled){background:rgba(74,222,128,.1);box-shadow:0 0 8px #4ade804d}.toggle-btn.inactive[data-v-527e48a1]:hover:not(:disabled){border-color:#6b7280;color:#6b7280}.toggle-btn[data-v-527e48a1]:disabled{opacity:.3;cursor:not-allowed;transform:none}.area-controls[data-v-527e48a1]{margin-bottom:12px}.control-buttons[data-v-527e48a1]{display:flex;gap:6px}.control-btn[data-v-527e48a1]{flex:1;padding:8px 6px;border:1px solid #333;background:#0f0f0f;border-radius:4px;font-size:.7rem;cursor:pointer;transition:all .3s ease;color:#e0e0e0;text-transform:uppercase;letter-spacing:.3px;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:32px}.control-btn svg[data-v-527e48a1]{margin-bottom:1px}.control-btn[data-v-527e48a1]:hover:not(:disabled){background:#2a2a2a;transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.control-btn.refresh[data-v-527e48a1]:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;box-shadow:0 2px 8px #3b82f633}.control-btn.activate-all[data-v-527e48a1]:hover:not(:disabled){border-color:#4ade80;color:#4ade80;box-shadow:0 2px 8px #4ade8033}.control-btn.deactivate-all[data-v-527e48a1]:hover:not(:disabled){border-color:#ef4444;color:#ef4444;box-shadow:0 2px 8px #ef444433}.control-btn[data-v-527e48a1]:disabled{opacity:.4;cursor:not-allowed;transform:none}.empty-state[data-v-527e48a1],.loading-state[data-v-527e48a1]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center}.empty-icon[data-v-527e48a1]{color:#444;margin-bottom:12px}.loading-spinner[data-v-527e48a1]{color:#3b82f6;animation:spin-527e48a1 1s linear infinite;margin-bottom:12px}@keyframes spin-527e48a1{to{transform:rotate(360deg)}}.empty-text[data-v-527e48a1],.loading-text[data-v-527e48a1]{font-size:.85rem;color:#888;margin:0 0 4px}.empty-subtext[data-v-527e48a1]{font-size:.75rem;color:#666;margin:0}.areas-info[data-v-527e48a1]{padding:8px;background:rgba(255,255,255,.02);border-radius:4px}.info-stats[data-v-527e48a1]{display:flex;justify-content:space-between;align-items:center}.stat-item[data-v-527e48a1]{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.7rem}.stat-label[data-v-527e48a1]{color:#666;text-transform:uppercase;letter-spacing:.3px}.stat-value[data-v-527e48a1]{color:#e0e0e0;font-weight:500;font-family:Monaco,Courier New,monospace}.stat-value.active[data-v-527e48a1]{color:#4ade80}.stat-value.inactive[data-v-527e48a1]{color:#6b7280}.areas-list[data-v-527e48a1]::-webkit-scrollbar{width:6px}.areas-list[data-v-527e48a1]::-webkit-scrollbar-track{background:#1a1a1a}.areas-list[data-v-527e48a1]::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.areas-list[data-v-527e48a1]::-webkit-scrollbar-thumb:hover{background:#444}@media (max-width: 480px){.control-buttons[data-v-527e48a1]{flex-direction:column}.control-btn[data-v-527e48a1]{flex-direction:row;gap:8px}}#app[data-v-b5bad158]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#0f0f0f;min-height:100vh;color:#e0e0e0}.app-header[data-v-b5bad158]{background:#1a1a1a;border-bottom:1px solid #2a2a2a;padding:1.5rem;box-shadow:0 2px 10px #00000080}.header-content[data-v-b5bad158]{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.app-header h1[data-v-b5bad158]{margin:0;font-size:1.4rem;font-weight:300;letter-spacing:.5px;color:#fff}.header-subtitle[data-v-b5bad158]{color:#888;font-weight:200;margin-left:.5rem;padding-left:.5rem;border-left:1px solid #333}.service-status[data-v-b5bad158]{display:flex;align-items:center;gap:.75rem}.status-indicator[data-v-b5bad158]{width:8px;height:8px;border-radius:50%;background:#666;transition:all .3s ease}.status-indicator.connected[data-v-b5bad158]{background:#4ade80;box-shadow:0 0 8px #4ade8080}.status-indicator.disconnected[data-v-b5bad158]{background:#ef4444;box-shadow:0 0 8px #ef444480}.status-text[data-v-b5bad158]{font-size:.85rem;font-weight:400;color:#999;text-transform:uppercase;letter-spacing:.5px}.app-main[data-v-b5bad158]{padding:2rem}.main-container[data-v-b5bad158]{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:220px 1fr;gap:1.2rem;align-items:start}.device-selector[data-v-b5bad158]{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:.875rem;height:720px;display:flex;flex-direction:column;box-shadow:0 2px 4px #0000001a}.selector-header[data-v-b5bad158]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #2a2a2a;flex-shrink:0}.selector-header h3[data-v-b5bad158]{margin:0;color:#e0e0e0;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.refresh-btn[data-v-b5bad158]{background:transparent;border:1px solid #2a2a2a;border-radius:4px;padding:.375rem;cursor:pointer;transition:all .3s;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#666}.refresh-btn .icon[data-v-b5bad158],.refresh-btn .spinner-icon[data-v-b5bad158]{width:16px;height:16px}.refresh-btn .spinner-icon[data-v-b5bad158]{animation:spin-b5bad158 1s linear infinite}@keyframes spin-b5bad158{to{transform:rotate(360deg)}}.refresh-btn[data-v-b5bad158]:hover:not(:disabled){background:#2a2a2a;border-color:#444;color:#fff}.refresh-btn[data-v-b5bad158]:disabled{opacity:.5;cursor:not-allowed}.device-selector select[data-v-b5bad158]{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;background:white;cursor:pointer;transition:border-color .3s}.device-selector select[data-v-b5bad158]:hover{border-color:#667eea}.device-selector select[data-v-b5bad158]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.device-controls[data-v-b5bad158]{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.control-row[data-v-b5bad158]{display:flex;align-items:center;margin-bottom:1rem}.control-row label[data-v-b5bad158]{flex:0 0 80px;font-weight:500;color:#666;font-size:.9rem}.control-row select[data-v-b5bad158]{flex:1;padding:.5rem;border:1px solid #e0e0e0;border-radius:5px;font-size:.9rem}.video-section[data-v-b5bad158]{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:1.25rem;height:700px;display:flex;flex-direction:column;box-shadow:0 2px 4px #0000001a}.no-device-selected[data-v-b5bad158]{display:flex;align-items:center;justify-content:center;flex:1;background:#0f0f0f;border-radius:6px;border:1px dashed #2a2a2a}.placeholder-content[data-v-b5bad158]{text-align:center;color:#666}.placeholder-icon[data-v-b5bad158]{width:64px;height:64px;margin:0 auto 1rem;color:#444}.placeholder-content h3[data-v-b5bad158]{color:#999;margin:0 0 .5rem;font-weight:300;font-size:1.2rem}.placeholder-content p[data-v-b5bad158]{margin:0;color:#666;font-size:.9rem}.info-panel[data-v-b5bad158]{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;padding:1.5rem;height:fit-content}.info-card h3[data-v-b5bad158]{margin:0 0 1rem;color:#e0e0e0;font-size:1rem;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.info-item[data-v-b5bad158]{padding:.75rem 0;border-bottom:1px solid #2a2a2a;font-size:.85rem}.info-item[data-v-b5bad158]:last-child{border-bottom:none}.info-item strong[data-v-b5bad158]{display:block;color:#888;margin-bottom:.25rem;font-weight:400;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.badge[data-v-b5bad158]{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.badge.success[data-v-b5bad158]{background:rgba(74,222,128,.1);color:#4ade80;border:1px solid rgba(74,222,128,.2)}.badge.error[data-v-b5bad158]{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.stat-number[data-v-b5bad158]{font-family:Monaco,Courier New,monospace;font-weight:500;font-size:.9rem;padding:.25rem .5rem;border-radius:2px;background:#2a2a2a;border:1px solid #333;color:#e0e0e0}.stat-number.success[data-v-b5bad158]{background:rgba(74,222,128,.1);color:#4ade80;border-color:#4ade804d}.stat-number.error[data-v-b5bad158]{background:rgba(239,68,68,.1);color:#ef4444;border-color:#ef44444d}.devices-list[data-v-b5bad158]{flex:1;overflow-y:auto;overflow-x:hidden;margin-top:.5rem;padding-right:.25rem}.devices-list[data-v-b5bad158]::-webkit-scrollbar{width:8px}.devices-list[data-v-b5bad158]::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.devices-list[data-v-b5bad158]::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.devices-list[data-v-b5bad158]::-webkit-scrollbar-thumb:hover{background:#444}.device-card[data-v-b5bad158]{background:#0f0f0f;border:1px solid #2a2a2a;border-radius:6px;padding:.75rem;margin-bottom:.5rem;cursor:pointer;transition:all .2s ease;position:relative}.device-card[data-v-b5bad158]:hover{background:#1a1a1a;border-color:#3a3a3a;transform:translate(2px);box-shadow:0 2px 8px #0003}.device-card.active[data-v-b5bad158]{background:#1f1f1f;border-color:#4ade80;border-left:3px solid #4ade80}.device-header[data-v-b5bad158]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.device-indicators[data-v-b5bad158]{display:flex;align-items:center;gap:.5rem}.device-name[data-v-b5bad158]{font-weight:400;font-size:.825rem;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.device-card.active .device-name[data-v-b5bad158]{color:#4ade80}.device-status[data-v-b5bad158]{width:8px;height:8px;border-radius:50%;background:#666}.device-status.online[data-v-b5bad158]{background:#4ade80;box-shadow:0 0 6px #4ade8080}.device-status.offline[data-v-b5bad158]{background:#666}.activation-status[data-v-b5bad158]{width:8px;height:8px;border-radius:50%;background:#666}.activation-status.activated[data-v-b5bad158]{background:#10b981;box-shadow:0 0 6px #10b98180}.activation-status.not-activated[data-v-b5bad158]{background:#f59e0b;box-shadow:0 0 6px #f59e0b80}.device-id[data-v-b5bad158],.device-type[data-v-b5bad158]{font-size:.7rem;color:#555;margin:.2rem 0;font-family:Monaco,Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-card.active .device-id[data-v-b5bad158],.device-card.active .device-type[data-v-b5bad158]{color:#888}.device-controls[data-v-b5bad158]{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.selected-info[data-v-b5bad158]{display:flex;align-items:center;gap:.5rem;font-weight:400;color:#4ade80;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.active-indicator[data-v-b5bad158]{width:6px;height:6px;border-radius:50%;background:#4ade80;animation:pulse-b5bad158 2s infinite}@keyframes pulse-b5bad158{0%,to{opacity:1}50%{opacity:.5}}.no-devices[data-v-b5bad158],.loading-devices[data-v-b5bad158]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:#0f0f0f;border:1px dashed #333;border-radius:4px;color:#666}.no-devices-icon[data-v-b5bad158]{width:48px;height:48px;margin-bottom:1rem;color:#444}.loading-spinner[data-v-b5bad158]{width:48px;height:48px;margin-bottom:1rem;color:#444;animation:spin-b5bad158 1s linear infinite}.no-devices-text[data-v-b5bad158],.loading-text[data-v-b5bad158]{font-size:.9rem;font-weight:400;color:#666;text-transform:uppercase;letter-spacing:.5px}.app-footer[data-v-b5bad158]{margin-top:2rem;padding:1rem 0;border-top:1px solid #2a2a2a;background:rgba(15,15,15,.8)}.footer-content[data-v-b5bad158]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#666;gap:2rem}.footer-status[data-v-b5bad158],.footer-devices[data-v-b5bad158],.footer-version[data-v-b5bad158]{display:flex;align-items:center;gap:.5rem}.footer-label[data-v-b5bad158]{color:#888;text-transform:uppercase;letter-spacing:.5px;font-weight:400}.footer-value[data-v-b5bad158]{color:#999;font-family:Monaco,Courier New,monospace}.footer-badge[data-v-b5bad158]{padding:.15rem .5rem;border-radius:2px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.footer-badge.success[data-v-b5bad158]{background:rgba(74,222,128,.15);color:#4ade80;border:1px solid rgba(74,222,128,.3)}.footer-badge.error[data-v-b5bad158]{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.footer-separator[data-v-b5bad158]{color:#333}.channel-selector[data-v-b5bad158],.stream-selector[data-v-b5bad158]{margin-top:1rem;padding:.75rem 0;border-top:1px solid rgba(255,255,255,.1)}.channel-label[data-v-b5bad158],.stream-label[data-v-b5bad158]{display:block;color:#888;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-weight:400}.channel-input[data-v-b5bad158],.stream-select[data-v-b5bad158]{width:100%;background-color:#0f0f0f;border:1px solid #333;border-radius:4px;padding:.5rem;color:#e0e0e0;font-size:.85rem;font-family:Monaco,Courier New,monospace;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.channel-input[data-v-b5bad158]:focus,.stream-select[data-v-b5bad158]:focus{outline:none;border-color:#4ade80;box-shadow:0 0 0 2px #4ade8033}.stream-select[data-v-b5bad158]:focus-visible{outline:none;border-color:#4ade80;box-shadow:0 0 0 2px #4ade8033}.channel-input[data-v-b5bad158]:hover,.stream-select[data-v-b5bad158]:hover{border-color:#444}select.stream-select[data-v-b5bad158]{background-color:#0f0f0f;color:#e0e0e0}select.stream-select[data-v-b5bad158]::-webkit-option{background-color:#0f0f0f;color:#e0e0e0}select.stream-select option[data-v-b5bad158]{background-color:#0f0f0f;color:#e0e0e0}.channel-input[data-v-b5bad158]{text-align:center;width:85%;margin:0 auto}.channel-help[data-v-b5bad158]{display:block;margin-top:.25rem;color:#666;font-size:.7rem;text-align:center;font-style:italic}.stream-select option[data-v-b5bad158]{background-color:#0f0f0f;color:#e0e0e0;border:none}.stream-select option[data-v-b5bad158]:checked{background-color:#2a2a2a;color:#4ade80}.stream-select option[data-v-b5bad158]:hover{background-color:#1a1a1a}.stream-select[data-v-b5bad158]::-webkit-scrollbar{width:8px}.stream-select[data-v-b5bad158]::-webkit-scrollbar-track{background:#1a1a1a}.stream-select[data-v-b5bad158]::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.stream-select[data-v-b5bad158]::-webkit-scrollbar-thumb:hover{background:#444}.activation-controls[data-v-b5bad158]{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.activate-btn[data-v-b5bad158]{width:100%;background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.3);border-radius:4px;padding:.5rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;font-family:inherit}.activate-btn[data-v-b5bad158]:hover:not(:disabled){background:rgba(245,158,11,.2);border-color:#f59e0b80;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.activate-btn[data-v-b5bad158]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.ptz-toggle[data-v-b5bad158]{margin-top:1rem}.toggle-label[data-v-b5bad158]{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-input[data-v-b5bad158]{width:18px;height:18px;cursor:pointer}.toggle-text[data-v-b5bad158]{font-size:.85rem;color:#888;font-weight:400}.toggle-label:hover .toggle-text[data-v-b5bad158]{color:#4ade80}.right-panel[data-v-b5bad158]{display:flex;flex-direction:column;gap:0;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto;padding:0}.ptz-container[data-v-b5bad158],.contactio-container[data-v-b5bad158],.alarmmode-container[data-v-b5bad158],.areas-container[data-v-b5bad158],.recordings-container[data-v-b5bad158]{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;position:relative;width:420px;padding:8px;box-sizing:border-box;margin-bottom:8px}.ptz-container[data-v-b5bad158]:not(.expanded){height:70px;overflow:hidden}.contactio-container[data-v-b5bad158]:not(.expanded){height:70px;overflow:hidden}.alarmmode-container[data-v-b5bad158]:not(.expanded){height:70px;overflow:hidden}.areas-container[data-v-b5bad158]:not(.expanded){height:70px;overflow:hidden}.recordings-container[data-v-b5bad158]:not(.expanded){height:70px;overflow:hidden}.ptz-container.expanded[data-v-b5bad158]{height:auto;min-height:450px;overflow:visible}.contactio-container.expanded[data-v-b5bad158]{height:auto;min-height:120px;overflow:visible}.alarmmode-container.expanded[data-v-b5bad158]{height:auto;min-height:200px;overflow:visible}.areas-container.expanded[data-v-b5bad158]{height:auto;min-height:300px;overflow:visible}.recordings-container.expanded[data-v-b5bad158]{height:auto;min-height:400px;overflow:visible}.panel-close-btn[data-v-b5bad158]{position:absolute;top:8px;right:8px;background:transparent;border:1px solid #333;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;font-size:14px;z-index:10;transition:all .3s ease}.panel-close-btn[data-v-b5bad158]:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:rotate(90deg)}.slide-fade-enter-active[data-v-b5bad158],.slide-fade-leave-active[data-v-b5bad158]{transition:all .3s ease}.slide-fade-enter-from[data-v-b5bad158],.slide-fade-leave-to[data-v-b5bad158]{transform:translate(20px);opacity:0}.main-container.has-right-panel[data-v-b5bad158]{grid-template-columns:220px 1fr 420px}.right-panel[data-v-b5bad158]::-webkit-scrollbar{width:8px}.right-panel[data-v-b5bad158]::-webkit-scrollbar-track{background:#1a1a1a}.right-panel[data-v-b5bad158]::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.right-panel[data-v-b5bad158]::-webkit-scrollbar-thumb:hover{background:#444}@media (max-width: 1200px){.main-container[data-v-b5bad158]{grid-template-columns:1fr}.device-selector[data-v-b5bad158]{max-width:600px;margin:0 auto}.footer-content[data-v-b5bad158]{flex-direction:column;gap:1rem;text-align:center}}.recording-indicator[data-v-b5bad158]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(239,68,68,.1);border-left:3px solid #ef4444;border-radius:0 4px 4px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:8px;font-size:.75rem;font-weight:500;letter-spacing:.5px}.rec-dot[data-v-b5bad158]{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse-rec-b5bad158 1.5s ease-in-out infinite}.rec-text[data-v-b5bad158]{color:#ef4444;text-transform:uppercase}.live-btn[data-v-b5bad158]{margin-left:auto;padding:4px 12px;background:rgba(74,222,128,.2);border:1px solid #4ade80;border-radius:12px;color:#4ade80;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.live-btn[data-v-b5bad158]:hover{background:#4ade80;color:#0f0f0f;transform:scale(1.05)}@keyframes pulse-rec-b5bad158{0%,to{opacity:1}50%{opacity:.5}}