@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";._page_1utfy_1{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);background:linear-gradient(135deg,#0a0a0a,#151515,#0f0f0f);position:relative;overflow:hidden}._page_1utfy_1:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 70% 80%,rgba(59,130,246,.05) 0%,transparent 40%);animation:_gradientShift_1utfy_1 20s ease-in-out infinite}._container_1utfy_24{position:relative;width:100%;max-width:400px;z-index:1}._card_1utfy_31{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-lg)}._header_1utfy_39{text-align:center;margin-bottom:var(--spacing-8)}._logo_1utfy_44{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto var(--spacing-4);background:linear-gradient(135deg,var(--color-accent) 0%,#1d4ed8 100%);border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-glow-accent)}._title_1utfy_57{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}._subtitle_1utfy_64{font-size:var(--font-size-sm);color:var(--color-text-secondary)}._form_1utfy_69{display:flex;flex-direction:column;gap:var(--spacing-5)}._field_1utfy_75{display:flex;flex-direction:column;gap:var(--spacing-2)}._label_1utfy_81{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}._inputWrapper_1utfy_87{position:relative}._inputIcon_1utfy_91{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}._input_1utfy_87{width:100%;padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) 40px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-primary);transition:all var(--transition-fast)}._input_1utfy_87:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}._input_1utfy_87::placeholder{color:var(--color-text-muted)}._inputError_1utfy_120{border-color:var(--color-error)}._inputError_1utfy_120:focus{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-light)}._errorText_1utfy_129{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--spacing-1)}._submitButton_1utfy_135{width:100%;padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(135deg,var(--color-accent) 0%,#1d4ed8 100%);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);margin-top:var(--spacing-2)}._submitButton_1utfy_135:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-glow-accent)}._submitButton_1utfy_135:active:not(:disabled){transform:translateY(0)}._submitButton_1utfy_135:disabled{opacity:.7;cursor:not-allowed}._spinner_1utfy_165{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:_spin_1utfy_165 .6s linear infinite}._globalError_1utfy_174{padding:var(--spacing-3);background-color:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);text-align:center}@keyframes _gradientShift_1utfy_1{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(2%,2%) rotate(1deg)}66%{transform:translate(-2%,1%) rotate(-1deg)}}@keyframes _spin_1utfy_165{to{transform:rotate(360deg)}}._header_vrzap_1{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-5);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);height:56px;position:sticky;top:0;z-index:var(--z-dropdown)}._logoSection_vrzap_14{display:flex;align-items:center;gap:var(--spacing-3)}._logoIcon_vrzap_20{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--color-accent) 0%,#1d4ed8 100%);border-radius:var(--radius-md);color:#fff}._logoText_vrzap_31{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em}._nav_vrzap_38{display:flex;align-items:center;gap:var(--spacing-2)}._navLink_vrzap_44{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-fast)}._navLink_vrzap_44:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}._navLinkActive_vrzap_61{background-color:var(--color-accent-light);color:var(--color-accent)}._navLinkActive_vrzap_61:hover{background-color:var(--color-accent-light);color:var(--color-accent-hover)}._actions_vrzap_71{display:flex;align-items:center;gap:var(--spacing-3)}._exitButton_vrzap_77{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-fast)}._exitButton_vrzap_77:hover{background-color:var(--color-error-light);color:var(--color-error)}._refreshButton_vrzap_94{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast)}._refreshButton_vrzap_94:hover{background-color:var(--color-surface-hover);color:var(--color-accent)}._card_1bmqz_1{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-normal)}._card_1bmqz_1:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow-accent);transform:translateY(-2px)}._card_1bmqz_1:hover ._previewOverlay_1bmqz_16{opacity:1}._preview_1bmqz_16{position:relative;aspect-ratio:16 / 9;background-color:#000}._previewImage_1bmqz_26{width:100%;height:100%;object-fit:cover}._previewOverlay_1bmqz_16{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0006;opacity:0;transition:opacity var(--transition-fast)}._playIcon_1bmqz_43{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--color-accent);border-radius:50%;color:#fff}._statusBadge_1bmqz_54{position:absolute;top:var(--spacing-2);left:var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);z-index:1}._statusActive_1bmqz_68{background-color:var(--color-success-light);color:var(--color-success)}._statusInactive_1bmqz_73{background-color:var(--color-error-light);color:var(--color-error)}._statusDot_1bmqz_78{width:6px;height:6px;border-radius:50%;background-color:currentColor;animation:_pulse_1bmqz_1 2s ease-in-out infinite}._statusInactive_1bmqz_73 ._statusDot_1bmqz_78{animation:none}._info_1bmqz_90{padding:var(--spacing-4)}._name_1bmqz_94{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._meta_1bmqz_104{display:flex;flex-direction:column;gap:var(--spacing-1)}._metaItem_1bmqz_110{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}._metaIcon_1bmqz_118{color:var(--color-text-muted);flex-shrink:0}._metaText_1bmqz_123{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes _pulse_1bmqz_1{0%,to{opacity:1}50%{opacity:.5}}._spinnerOverlay_1bmqz_138{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0009;z-index:1}._spinner_1bmqz_138{color:var(--color-accent);animation:_spin_1bmqz_138 1s linear infinite}@keyframes _spin_1bmqz_138{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._page_lkcwy_1{min-height:100vh;display:flex;flex-direction:column}._main_lkcwy_7{flex:1;padding:var(--spacing-5);max-width:1400px;margin:0 auto;width:100%}._filtersSection_lkcwy_15{margin-bottom:var(--spacing-6)}._filtersRow_lkcwy_19{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4);flex-wrap:wrap}._searchWrapper_lkcwy_26{position:relative;flex:1;min-width:250px}._searchIcon_lkcwy_32{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}._searchInput_lkcwy_41{width:100%;padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) 40px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-primary);transition:all var(--transition-fast)}._searchInput_lkcwy_41:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}._filterSelect_lkcwy_58{padding:var(--spacing-3) var(--spacing-8) var(--spacing-3) var(--spacing-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:all var(--transition-fast)}._filterSelect_lkcwy_58:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}._filterInput_lkcwy_79{padding:var(--spacing-3) var(--spacing-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-primary);min-width:160px;transition:all var(--transition-fast)}._filterInput_lkcwy_79:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}._gridButton_lkcwy_96{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);margin-left:auto}._gridButton_lkcwy_96:hover{background-color:var(--color-accent-hover)}._statsRow_lkcwy_114{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}._statsItem_lkcwy_124{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm)}._statsLabel_lkcwy_131{color:var(--color-text-secondary)}._statsValue_lkcwy_135{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}._statsValueActive_lkcwy_140{color:var(--color-success)}._statsValueInactive_lkcwy_144{color:var(--color-error)}._grid_lkcwy_96{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}@media(max-width:1200px){._grid_lkcwy_96{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){._grid_lkcwy_96{grid-template-columns:1fr}._filtersRow_lkcwy_19{flex-direction:column}._searchWrapper_lkcwy_26{width:100%}._gridButton_lkcwy_96{margin-left:0;width:100%;justify-content:center}}._emptyState_lkcwy_180{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);text-align:center}._emptyIcon_lkcwy_190{color:var(--color-text-muted);margin-bottom:var(--spacing-4)}._emptyTitle_lkcwy_195{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}._emptyText_lkcwy_202{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:300px}._loadingState_lkcwy_208{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);gap:var(--spacing-4)}._spinner_lkcwy_218{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:_spin_lkcwy_218 1s linear infinite}@keyframes _spin_lkcwy_218{to{transform:rotate(360deg)}}._errorBanner_lkcwy_233{padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-warning-light);color:var(--color-warning);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm)}._container_xauvn_1{position:relative;width:100%;aspect-ratio:16 / 9;background-color:#000;border-radius:var(--radius-md);overflow:hidden}._video_xauvn_10{width:100%;height:100%;object-fit:cover}._iframe_xauvn_16{width:100%;height:100%;border:none}._overlay_xauvn_22{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000c;gap:var(--spacing-3)}._loadingSpinner_xauvn_33{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:_spin_xauvn_1 .8s linear infinite}._loadingText_xauvn_42{font-size:var(--font-size-sm);color:var(--color-text-secondary)}._errorIcon_xauvn_47{color:var(--color-error)}._errorText_xauvn_51{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;max-width:200px}._retryButton_xauvn_58{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}._retryButton_xauvn_58:hover{background-color:var(--color-accent-hover)}._fullscreenButton_xauvn_75{position:absolute;top:var(--spacing-2);right:var(--spacing-2);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#0009;color:#fff;border-radius:var(--radius-sm);opacity:0;transition:all var(--transition-fast);z-index:2}._container_xauvn_1:hover ._fullscreenButton_xauvn_75{opacity:1}._fullscreenButton_xauvn_75:hover{background-color:#000c}._statusBadge_xauvn_100{position:absolute;top:var(--spacing-2);left:var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);z-index:2}._statusActive_xauvn_114{background-color:var(--color-success-light);color:var(--color-success)}._statusInactive_xauvn_119{background-color:var(--color-error-light);color:var(--color-error)}._statusDot_xauvn_124{width:6px;height:6px;border-radius:50%;background-color:currentColor}@keyframes _spin_xauvn_1{to{transform:rotate(360deg)}}._container_xauvn_1:fullscreen{border-radius:0}._container_xauvn_1:fullscreen ._video_xauvn_10{width:100vw;height:100vh;object-fit:contain}._container_xauvn_1:fullscreen ._iframe_xauvn_16{width:100vw;height:100vh}._page_1y6gn_1{min-height:100vh;display:flex;flex-direction:column}._main_1y6gn_7{flex:1;padding:var(--spacing-5);max-width:1200px;margin:0 auto;width:100%}._backLink_1y6gn_15{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4);transition:color var(--transition-fast)}._backLink_1y6gn_15:hover{color:var(--color-text-primary)}._content_1y6gn_29{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-6)}@media(max-width:900px){._content_1y6gn_29{grid-template-columns:1fr}}._playerSection_1y6gn_41{display:flex;flex-direction:column;gap:var(--spacing-4)}._playerWrapper_1y6gn_47{position:relative;border-radius:var(--radius-lg);overflow:hidden;background-color:#000;box-shadow:var(--shadow-lg)}._actionsRow_1y6gn_55{display:flex;gap:var(--spacing-3)}._actionButton_1y6gn_60{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);transition:all var(--transition-fast)}._actionButton_1y6gn_60:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-light)}._actionButtonPrimary_1y6gn_79{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}._actionButtonPrimary_1y6gn_79:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}._sidebar_1y6gn_90{display:flex;flex-direction:column;gap:var(--spacing-4)}._infoCard_1y6gn_96{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-5)}._infoHeader_1y6gn_103{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}._cameraName_1y6gn_110{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._statusBadge_1y6gn_116{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}._statusActive_1y6gn_126{background-color:var(--color-success-light);color:var(--color-success)}._statusInactive_1y6gn_131{background-color:var(--color-error-light);color:var(--color-error)}._statusDot_1y6gn_136{width:8px;height:8px;border-radius:50%;background-color:currentColor;animation:_pulse_1y6gn_1 2s ease-in-out infinite}._statusInactive_1y6gn_131 ._statusDot_1y6gn_136{animation:none}._infoList_1y6gn_148{display:flex;flex-direction:column;gap:var(--spacing-3)}._infoItem_1y6gn_154{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3);background-color:var(--color-background);border-radius:var(--radius-md)}._infoIcon_1y6gn_163{color:var(--color-text-muted);flex-shrink:0;margin-top:2px}._infoContent_1y6gn_169{display:flex;flex-direction:column;gap:2px;min-width:0}._infoLabel_1y6gn_176{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}._infoValue_1y6gn_183{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);word-break:break-word}._errorCard_1y6gn_190{background-color:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-lg);padding:var(--spacing-5);text-align:center}._errorIcon_1y6gn_198{color:var(--color-error);margin-bottom:var(--spacing-3)}._errorTitle_1y6gn_203{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-error);margin-bottom:var(--spacing-2)}._errorText_1y6gn_210{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-4)}._retryButton_1y6gn_216{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background-color:var(--color-error);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}._retryButton_1y6gn_216:hover{background-color:#dc2626}._loadingCard_1y6gn_233{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}._loadingSpinner_1y6gn_244{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:_spin_1y6gn_1 .8s linear infinite;margin-bottom:var(--spacing-4)}._loadingText_1y6gn_254{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@keyframes _pulse_1y6gn_1{0%,to{opacity:1}50%{opacity:.5}}@keyframes _spin_1y6gn_1{to{transform:rotate(360deg)}}._demoBanner_1y6gn_274{position:absolute;top:var(--spacing-3);left:var(--spacing-3);padding:var(--spacing-1) var(--spacing-3);background-color:var(--color-warning);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);z-index:10}._overlay_1q5op_1{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);z-index:var(--z-modal);animation:_fadeIn_1q5op_1 var(--transition-fast) ease}._modal_1q5op_14{background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:_slideUp_1q5op_1 var(--transition-normal) ease}._header_1q5op_28{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border)}._title_1q5op_36{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}._closeButton_1q5op_42{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast)}._closeButton_1q5op_42:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}._content_1q5op_58{padding:var(--spacing-5);overflow-y:auto;flex:1}@keyframes _fadeIn_1q5op_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_1q5op_1{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}._page_1ddc0_1{min-height:100vh;display:flex;flex-direction:column}._main_1ddc0_7{flex:1;display:flex;flex-direction:column;padding:var(--spacing-4)}._header_1ddc0_14{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4);gap:var(--spacing-4);flex-wrap:wrap}._headerLeft_1ddc0_23{display:flex;align-items:center;gap:var(--spacing-3)}._templateSelector_1ddc0_29{display:flex;gap:var(--spacing-1);background-color:var(--color-surface);padding:var(--spacing-1);border-radius:var(--radius-md);border:1px solid var(--color-border)}._templateButton_1ddc0_38{display:flex;align-items:center;justify-content:center;width:40px;height:36px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-fast)}._templateButton_1ddc0_38:hover{color:var(--color-text-primary);background-color:var(--color-surface-hover)}._templateButtonActive_1ddc0_56{background-color:var(--color-accent);color:#fff}._templateButtonActive_1ddc0_56:hover{background-color:var(--color-accent-hover);color:#fff}._listButton_1ddc0_66{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);transition:all var(--transition-fast)}._listButton_1ddc0_66:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-light)}._clearButton_1ddc0_85{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-fast)}._clearButton_1ddc0_85:hover{background-color:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}._loadingState_1ddc0_105{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4)}._spinner_1ddc0_114{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:_spin_1ddc0_114 1s linear infinite}@keyframes _spin_1ddc0_114{to{transform:rotate(360deg)}}._errorBanner_1ddc0_129{padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-warning-light);color:var(--color-warning);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm)}._cellInfo_1ddc0_138{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-2) var(--spacing-3);background:linear-gradient(transparent,#000c)}._cellName_1ddc0_147{font-size:var(--font-size-xs);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._cameraStatus_1ddc0_155{width:8px;height:8px;border-radius:50%;flex-shrink:0}._cameraStatusActive_1ddc0_162{background-color:var(--color-success)}._cameraStatusInactive_1ddc0_166{background-color:var(--color-error)}._grid_1ddc0_170{flex:1;display:grid;gap:var(--spacing-3)}._grid2x2_1ddc0_176{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}._grid3x3_1ddc0_181{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}._grid4x4_1ddc0_186{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}._cell_1ddc0_138{position:relative;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}._cellPlayer_1ddc0_201{flex:1;min-height:0}._cellPlayer_1ddc0_201>*{height:100%;border-radius:0}._cellActions_1ddc0_211{position:absolute;top:var(--spacing-2);right:var(--spacing-2);display:flex;gap:var(--spacing-1);opacity:0;transition:opacity var(--transition-fast);z-index:10}._cell_1ddc0_138:hover ._cellActions_1ddc0_211{opacity:1}._cellAction_1ddc0_211{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:#000000b3;color:#fff;border-radius:var(--radius-sm);transition:all var(--transition-fast)}._cellAction_1ddc0_211:hover{background-color:#000000e6}._cellActionReplace_1ddc0_242{width:auto;padding:0 var(--spacing-2);gap:var(--spacing-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}._cellActionDelete_1ddc0_250:hover{background-color:var(--color-error)}._cellActionFullscreen_1ddc0_254:hover{background-color:var(--color-accent)}._emptyCell_1ddc0_258{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-6);text-align:center;flex:1;min-height:200px}._emptyIcon_1ddc0_269{color:var(--color-text-muted);margin-bottom:var(--spacing-3)}._emptyText_1ddc0_274{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-3)}._emptyButton_1ddc0_280{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}._emptyButton_1ddc0_280:hover{background-color:var(--color-accent-hover)}._footer_1ddc0_297{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}._footerStats_1ddc0_308{display:flex;align-items:center;gap:var(--spacing-4)}._footerStat_1ddc0_308{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm)}._footerLabel_1ddc0_321{color:var(--color-text-secondary)}._footerValue_1ddc0_325{font-weight:var(--font-weight-semibold)}._footerValueActive_1ddc0_329{color:var(--color-success)}._footerValueInactive_1ddc0_333{color:var(--color-error)}._footerValueTotal_1ddc0_337{color:var(--color-text-primary)}._cameraList_1ddc0_342{display:flex;flex-direction:column;gap:var(--spacing-2);max-height:400px;overflow-y:auto}._cameraOption_1ddc0_350{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}._cameraOption_1ddc0_350:hover{border-color:var(--color-accent);background-color:var(--color-surface-hover)}._cameraOptionActive_1ddc0_369{border-color:var(--color-success);background-color:var(--color-success-light)}._cameraOptionIcon_1ddc0_374{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-text-secondary)}._cameraOptionContent_1ddc0_385{flex:1;min-width:0}._cameraOptionName_1ddc0_390{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._cameraOptionMeta_1ddc0_399{font-size:var(--font-size-xs);color:var(--color-text-secondary)}._noCameras_1ddc0_404{text-align:center;padding:var(--spacing-6);color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media(max-width:1200px){._grid4x4_1ddc0_186{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}}@media(max-width:900px){._grid3x3_1ddc0_181,._grid4x4_1ddc0_186{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}}@media(max-width:600px){._grid2x2_1ddc0_176,._grid3x3_1ddc0_181,._grid4x4_1ddc0_186{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}}:root{--color-background: #0f0f0f;--color-surface: #1a1a1a;--color-surface-hover: #252525;--color-surface-active: #2a2a2a;--color-border: #333333;--color-border-light: #404040;--color-text-primary: #ffffff;--color-text-secondary: #a0a0a0;--color-text-muted: #6b6b6b;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-accent-light: rgba(59, 130, 246, .1);--color-success: #22c55e;--color-success-light: rgba(34, 197, 94, .1);--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .1);--color-warning: #f59e0b;--color-warning-light: rgba(245, 158, 11, .1);--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-glow-accent: 0 0 20px rgba(59, 130, 246, .3);--shadow-glow-success: 0 0 12px rgba(34, 197, 94, .4);--shadow-glow-error: 0 0 12px rgba(239, 68, 68, .4);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-modal: 200;--z-tooltip: 300;--z-fullscreen: 400}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:none}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}img,video{max-width:100%;height:auto;display:block}ul,ol{list-style:none}::selection{background-color:var(--color-accent);color:var(--color-text-primary)}