*{box-sizing:border-box;margin:0;padding:0}body{color:#f3f4f6;background-color:#030712;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button{font-family:inherit}._modal-backdrop_1naky_1{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background-color:#030712bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}._modal-card_1naky_13{background-color:#111827;border:1px solid #1f2937;border-radius:12px;flex-direction:column;width:100%;max-width:520px;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #00000080}._modal-header_1naky_25{border-bottom:1px solid #1f2937;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}._modal-title_1naky_33{color:#f9fafb;font-size:16px;font-weight:700}._close-btn_1naky_39{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:20px;transition:all .2s}._close-btn_1naky_39:hover{color:#fff;background-color:#1f2937}._modal-body_1naky_55{flex-direction:column;gap:14px;padding:20px;display:flex}._form-group_1naky_62{flex-direction:column;gap:6px;display:flex}._form-row_1naky_68{gap:12px;display:flex}._form-label_1naky_73{text-transform:uppercase;color:#9ca3af;letter-spacing:.05em;font-size:12px;font-weight:600}._form-input_1naky_81,._form-select_1naky_82{color:#f9fafb;background-color:#1f2937;border:1px solid #374151;border-radius:6px;outline:none;width:100%;padding:9px 12px;font-size:14px;transition:border-color .2s}._form-input_1naky_81:focus,._form-select_1naky_82:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}._url-preview_1naky_100{color:#10b981;word-break:break-all;background-color:#030712;border:1px solid #1f2937;border-radius:6px;padding:10px 12px;font-family:monospace;font-size:12px}._modal-footer_1naky_111{border-top:1px solid #1f2937;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}._btn-cancel_1naky_119{color:#d1d5db;cursor:pointer;background-color:#1f2937;border:1px solid #374151;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600}._btn-save_1naky_130{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background-color .2s}._btn-save_1naky_130:hover{background-color:#1d4ed8}._btn-save_1naky_130:disabled{opacity:.6;cursor:not-allowed}._controls-container_19x34_1{background-color:#111827;border:1px solid #1f2937;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}._camera-info_19x34_13{flex-wrap:wrap;align-items:center;gap:16px;display:flex}._ip-badge_19x34_20{color:#38bdf8;background-color:#1e293b;border:1px solid #334155;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:12px}._status-indicator_19x34_30{border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:500;display:inline-flex}._status-indicator_19x34_30._online_19x34_40{color:#10b981;background-color:#10b9811a;border:1px solid #10b98133}._status-indicator_19x34_30._offline_19x34_46{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433}._recording-badge_19x34_52{color:#fca5a5;letter-spacing:.05em;background-color:#dc262626;border:1px solid #dc2626;border-radius:9999px;align-items:center;gap:8px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-flex}._recording-dot_19x34_66{background-color:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite _pulse_19x34_1;box-shadow:0 0 8px #ef4444}._idle-badge_19x34_75{color:#9ca3af;background-color:#1f2937;border:1px solid #374151;border-radius:9999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}@keyframes _pulse_19x34_1{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.85)}}._actions-group_19x34_92{align-items:center;gap:8px;display:flex}._btn_19x34_98{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}._btn-primary_19x34_111{color:#fff;background-color:#2563eb}._btn-primary_19x34_111:hover{background-color:#1d4ed8}._btn-danger_19x34_120{color:#fff;background-color:#dc2626}._btn-danger_19x34_120:hover{background-color:#b91c1c}._btn-secondary_19x34_129{color:#d1d5db;background-color:#374151}._btn-secondary_19x34_129:hover{color:#fff;background-color:#4b5563}._nav-container_4cv9q_1{background-color:#111827;border:1px solid #1f2937;border-radius:10px;gap:8px;width:fit-content;padding:6px;display:flex}._tab-btn_4cv9q_11{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}._tab-btn_4cv9q_11:hover{color:#f3f4f6;background-color:#1f2937}._tab-btn_4cv9q_11._active_4cv9q_31{color:#fff;background-color:#2563eb;box-shadow:0 1px 3px #0003}._live-pulse_4cv9q_37{background-color:#ef4444;border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px #ef4444}._filter-container_1rez9_1{background-color:#111827;border:1px solid #1f2937;border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}._filter-row_1rez9_11{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}._input-group_1rez9_18{flex-direction:column;gap:6px;display:flex}._label_1rez9_24{text-transform:uppercase;color:#9ca3af;letter-spacing:.05em;font-size:12px;font-weight:600}._select_1rez9_32,._input_1rez9_18{color:#f9fafb;background-color:#1f2937;border:1px solid #374151;border-radius:6px;outline:none;padding:8px 12px;font-size:14px;transition:border-color .2s}._select_1rez9_32:focus,._input_1rez9_18:focus{border-color:#3b82f6}._presets-container_1rez9_49{flex-wrap:wrap;align-items:center;gap:8px;display:flex}._preset-btn_1rez9_56{color:#d1d5db;cursor:pointer;background-color:#1f2937;border:1px solid #374151;border-radius:6px;padding:6px 10px;font-size:12px;transition:all .2s}._preset-btn_1rez9_56:hover{color:#fff;background-color:#374151}._preset-btn_1rez9_56._active_1rez9_72{color:#93c5fd;background-color:#1e3a8a;border-color:#3b82f6;font-weight:600}._submit-btn_1rez9_79{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background-color .2s}._submit-btn_1rez9_79:hover{background-color:#1d4ed8}._empty-warning_1rez9_95{color:#f59e0b;margin-top:4px;font-size:12px}._list-container_19hin_1{background-color:#111827;border:1px solid #1f2937;border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex}._header_19hin_11{justify-content:space-between;align-items:center;display:flex}._title_19hin_17{color:#f3f4f6;font-size:14px;font-weight:700}._count_19hin_23{color:#9ca3af;font-size:12px}._grid_19hin_28{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;max-height:280px;padding-right:4px;display:grid;overflow-y:auto}._segment-item_19hin_37{cursor:pointer;text-align:left;background-color:#1f2937;border:1px solid #374151;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;transition:all .2s;display:flex}._segment-item_19hin_37:hover{background-color:#2d3748;border-color:#4b5563}._segment-item_19hin_37._active_19hin_55{background-color:#1e3a8a;border-color:#3b82f6;box-shadow:0 0 8px #3b82f666}._item-time_19hin_61{color:#fff;font-size:13px;font-weight:700}._item-meta_19hin_67{color:#9ca3af;justify-content:space-between;font-size:11px;display:flex}._empty-state_19hin_74{text-align:center;color:#9ca3af;border:1px dashed #374151;border-radius:8px;padding:24px 16px;font-size:13px}._player-card_124lz_1{background-color:#0b0f19;border:1px solid #1f2937;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}._player-header_124lz_10{background-color:#111827;border-bottom:1px solid #1f2937;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}._title-info_124lz_21{align-items:center;gap:10px;display:flex}._badge-vod_124lz_27{color:#ede9fe;letter-spacing:.05em;text-transform:uppercase;background-color:#7c3aed;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700}._segment-name_124lz_38{color:#f3f4f6;font-size:13px;font-weight:600}._nav-buttons_124lz_44{align-items:center;gap:8px;display:flex}._nav-btn_124lz_50{color:#e5e7eb;cursor:pointer;background-color:#1f2937;border:1px solid #374151;border-radius:6px;padding:4px 10px;font-size:12px;transition:all .2s}._nav-btn_124lz_50:hover:not(:disabled){color:#fff;background-color:#374151}._nav-btn_124lz_50:disabled{opacity:.4;cursor:not-allowed}._video-container_124lz_71{aspect-ratio:16/9;background-color:#000;justify-content:center;align-items:center;width:100%;display:flex}._video-element_124lz_80{object-fit:contain;width:100%;height:100%}._empty-placeholder_124lz_86{color:#6b7280;font-size:14px}._recordings-view_3onhq_1{flex-direction:column;gap:16px;display:flex}._timeline-wrapper_1eigf_1{background-color:#111827;border:1px solid #1f2937;border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}._timeline-header_1eigf_11{color:#9ca3af;justify-content:space-between;align-items:center;font-size:13px;display:flex}._timeline-track-container_1eigf_19{cursor:pointer;background-color:#1f2937;border:1px solid #374151;border-radius:6px;height:48px;position:relative;overflow:hidden}._timeline-segment_1eigf_29{opacity:.85;background:linear-gradient(#10b981 0%,#059669 100%);border-radius:4px;transition:opacity .2s,transform .1s;position:absolute;top:4px;bottom:4px}._timeline-segment_1eigf_29:hover{opacity:1;filter:brightness(1.2)}._timeline-segment_1eigf_29._active_1eigf_44{background:linear-gradient(#3b82f6 0%,#2563eb 100%);box-shadow:0 0 10px #3b82f680}._timeline-empty-message_1eigf_49{color:#6b7280;justify-content:center;align-items:center;height:100%;font-size:13px;display:flex}._segments-list_1eigf_58{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}._segment-chip_1eigf_65{color:#e5e7eb;white-space:nowrap;cursor:pointer;background-color:#1f2937;border:1px solid #374151;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .2s;display:flex}._segment-chip_1eigf_65:hover{background-color:#374151;border-color:#4b5563}._segment-chip_1eigf_65._active_1eigf_44{color:#fff;background-color:#2563eb;border-color:#3b82f6}._video-container_576kr_1{aspect-ratio:16/9;background-color:#0b0f19;border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0006}._video-element_576kr_14{object-fit:contain;width:100%;height:100%}._badge-overlay_576kr_20{z-index:10;align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:14px}._badge-live_576kr_30{color:#fff;letter-spacing:.05em;text-transform:uppercase;background-color:#ef4444;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}._badge-live-pulse_576kr_44{background-color:#fff;border-radius:50%;width:7px;height:7px;animation:1.5s cubic-bezier(.4,0,.6,1) infinite _pulse_576kr_1}._badge-vod_576kr_52{color:#fff;letter-spacing:.05em;text-transform:uppercase;background-color:#3b82f6;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:700}._badge-idle-live_576kr_63{color:#f1f5f9;letter-spacing:.05em;text-transform:uppercase;background-color:#334155;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:700}._loading-overlay_576kr_74,._error-overlay_576kr_75,._status-overlay_576kr_76{color:#94a3b8;text-align:center;background:#0b0f19e0;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}._status-title_576kr_90{color:#fbbf24;font-size:15px;font-weight:600}._error-title_576kr_96{color:#f87171;font-weight:600}._play-overlay_576kr_101{cursor:pointer;z-index:15;background:#0b0f1966;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}._play-button_576kr_112{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9999px;padding:12px 24px;font-size:15px;font-weight:600;transition:transform .15s,background .15s;box-shadow:0 4px 14px #2563eb66}._play-button_576kr_112:hover{background:#1d4ed8;transform:scale(1.05)}@keyframes _pulse_576kr_1{0%,to{opacity:1}50%{opacity:.3}}._app-container_t0yyi_1{flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;padding:24px 16px;display:flex}._app-header_t0yyi_10{border-bottom:1px solid #1f2937;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}._logo-section_t0yyi_18{align-items:center;gap:12px;display:flex}._app-title_t0yyi_24{color:#fff;letter-spacing:-.02em;font-size:22px;font-weight:700}._app-badge_t0yyi_31{color:#93c5fd;background-color:#1e3a8a;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}._main-content_t0yyi_40{flex-direction:column;gap:16px;display:flex}._page_aw2uv_1{background:radial-gradient(at top,#11213d 0,#030712 65%);place-items:center;min-height:100dvh;padding:32px 20px;display:grid}._card_aw2uv_9{background:#0b1220;border:1px solid #253248;border-radius:20px;width:min(100%,420px);padding:36px;box-shadow:0 24px 80px #0006}._brand_aw2uv_18{color:#f8fafc;align-items:center;gap:10px;margin-bottom:36px;font-size:24px;font-weight:700;display:flex}._brand_aw2uv_18 svg{color:#60a5fa}._icon_aw2uv_29{color:#93c5fd;background:#172c4d;border-radius:12px;margin-bottom:18px;padding:12px;display:inline-flex}._card_aw2uv_9 h1{letter-spacing:-.03em;font-size:26px}._description_aw2uv_38{color:#a9b5c7;margin-top:10px;line-height:1.6}._form_aw2uv_39{flex-direction:column;gap:10px;margin-top:28px;display:flex}._form_aw2uv_39 label{font-size:14px;font-weight:600}._form_aw2uv_39 input{color:#f8fafc;width:100%;min-height:46px;font:inherit;background:#070d19;border:1px solid #39465d;border-radius:8px;margin-bottom:10px;padding:11px 12px}._primary_aw2uv_52,._logout_aw2uv_52{cursor:pointer;border-radius:8px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:600}._primary_aw2uv_52{color:#fff;background:#2563eb;border:1px solid #3b82f6;margin-top:12px}._primary_aw2uv_52:hover:not(:disabled){background:#1d4ed8}._primary_aw2uv_52:disabled{cursor:not-allowed;opacity:.6}._form_aw2uv_39 input:disabled{opacity:.65}._primary_aw2uv_52:focus-visible,._logout_aw2uv_52:focus-visible,._form_aw2uv_39 input:focus-visible{outline-offset:3px;outline:3px solid #93c5fd}._notice_aw2uv_73,._error_aw2uv_73{margin-top:16px;font-size:14px;line-height:1.5}._notice_aw2uv_73{color:#bfdbfe}._error_aw2uv_73{color:#fda4af}._footer_aw2uv_76{color:#a9b5c7;text-align:center;margin-top:28px;font-size:12px}._sessionBar_aw2uv_77{color:#a9b5c7;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:16px 16px 0;font-size:14px;display:flex}._sessionBar_aw2uv_77 strong{color:#f3f4f6}._sessionBar_aw2uv_77 ._error_aw2uv_73{text-align:right;width:100%;margin-top:0}._logout_aw2uv_52{color:#e5e7eb;background:#111827;border:1px solid #39465d}._logout_aw2uv_52:hover{background:#1f2937}@media (width<=480px){._card_aw2uv_9{padding:28px 24px}._sessionBar_aw2uv_77{justify-content:space-between}}