[data-v-15070fcc]:root{--monitor-primary:#d4af37;--monitor-primary-light:#f4d03f;--monitor-primary-dark:#b8860b;--monitor-success:#52c41a;--monitor-warning:#faad14;--monitor-error:#f5222d;--monitor-bg:#faf8f3;--monitor-card-bg:#fff;--monitor-text:#2c2416;--monitor-text-secondary:#6b5d4d;--monitor-border:#e8e0d0;--monitor-hover:#fcf8e8;--monitor-selected:#f5e6c8;--monitor-shadow:0 2px 8px rgba(180,134,11,0.12);--monitor-shadow-lg:0 4px 16px rgba(180,134,11,0.18);--monitor-radius:12px;--monitor-radius-sm:8px}.monitor-page[data-v-15070fcc]{background:transparent}.monitor-page[data-v-15070fcc] .ant-card-body{padding:0}.monitor-container[data-v-15070fcc]{padding:24px;min-height:calc(100vh - 104px)}.camera-list-container[data-v-15070fcc]{background:var(--monitor-card-bg);border-radius:var(--monitor-radius);-webkit-box-shadow:var(--monitor-shadow);box-shadow:var(--monitor-shadow);height:calc(100vh - 152px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease,-webkit-box-shadow .3s ease}.camera-list-container[data-v-15070fcc]:hover{-webkit-box-shadow:var(--monitor-shadow-lg);box-shadow:var(--monitor-shadow-lg)}.camera-list-header[data-v-15070fcc]{padding:20px 24px;background:linear-gradient(135deg,#2c2416,#1a1510);gap:16px}.camera-list-header[data-v-15070fcc],.header-icon-wrapper[data-v-15070fcc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-icon-wrapper[data-v-15070fcc]{width:48px;height:48px;background:hsla(0,0%,100%,.2);border-radius:var(--monitor-radius-sm);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;backdrop-filter:blur(10px)}.header-icon[data-v-15070fcc]{width:28px;height:28px;color:#fff}.header-content[data-v-15070fcc]{-webkit-box-flex:1;-ms-flex:1;flex:1}.header-title[data-v-15070fcc]{margin:0;font-size:18px;font-weight:600;color:#fff;line-height:1.4}.header-subtitle[data-v-15070fcc]{font-size:13px;color:hsla(0,0%,100%,.8);font-weight:400}.camera-list-content[data-v-15070fcc]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:16px;background:#fff}.player-section[data-v-15070fcc]{background:var(--monitor-card-bg);border-radius:var(--monitor-radius);-webkit-box-shadow:var(--monitor-shadow);box-shadow:var(--monitor-shadow);height:calc(100vh - 152px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease,-webkit-box-shadow .3s ease}.player-section[data-v-15070fcc]:hover{-webkit-box-shadow:var(--monitor-shadow-lg);box-shadow:var(--monitor-shadow-lg)}.player-header[data-v-15070fcc]{padding:20px 24px;background:linear-gradient(135deg,#2c2416,#1a1510);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.player-header[data-v-15070fcc],.player-info[data-v-15070fcc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.status-indicator[data-v-15070fcc]{width:12px;height:12px;border-radius:50%;background:#595959;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease}.status-indicator.is-playing[data-v-15070fcc]{background:#52c41a}.status-indicator.is-playing .status-dot[data-v-15070fcc]{position:absolute;width:100%;height:100%;border-radius:50%;background:#52c41a;-webkit-animation:ripple-15070fcc 1.5s infinite;animation:ripple-15070fcc 1.5s infinite}@-webkit-keyframes ripple-15070fcc{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(2.5);transform:scale(2.5);opacity:0}}@keyframes ripple-15070fcc{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(2.5);transform:scale(2.5);opacity:0}}.player-title-wrapper[data-v-15070fcc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.player-title[data-v-15070fcc]{margin:0;font-size:16px;font-weight:600;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.player-title.placeholder[data-v-15070fcc]{color:hsla(0,0%,100%,.6);font-weight:400}.region-name[data-v-15070fcc]{color:hsla(0,0%,100%,.7);font-weight:400}.separator[data-v-15070fcc]{color:hsla(0,0%,100%,.4)}.camera-name[data-v-15070fcc]{color:#fff}.player-status[data-v-15070fcc]{font-size:12px;color:#52c41a;font-weight:500}.player-controls[data-v-15070fcc]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-ms-flex-wrap:wrap;flex-wrap:wrap}.control-btn[data-v-15070fcc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:8px 20px;border-radius:8px;font-weight:500;-webkit-transition:all .2s ease;transition:all .2s ease;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.1);color:#fff;cursor:pointer}.control-btn[data-v-15070fcc]:hover{background:hsla(0,0%,100%,.2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.control-btn.primary[data-v-15070fcc]{background:linear-gradient(135deg,#d4af37,#b8860b);border-color:transparent}.control-btn.primary[data-v-15070fcc]:hover{background:linear-gradient(135deg,#f4d03f,#d4af37);-webkit-box-shadow:0 4px 12px rgba(180,134,11,.4);box-shadow:0 4px 12px rgba(180,134,11,.4)}.btn-icon[data-v-15070fcc]{width:18px;height:18px}.player-wrapper[data-v-15070fcc]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;background:#000}#player[data-v-15070fcc]{width:100%;height:100%;min-height:400px}#player.is-loading[data-v-15070fcc]{opacity:.7}.player-placeholder[data-v-15070fcc]{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:linear-gradient(135deg,#2c2416,#1a1510)}.placeholder-content[data-v-15070fcc]{text-align:center;padding:40px}.placeholder-icon-wrapper[data-v-15070fcc]{width:80px;height:80px;background:hsla(0,0%,100%,.1);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 24px;-webkit-animation:float-15070fcc 3s ease-in-out infinite;animation:float-15070fcc 3s ease-in-out infinite}@-webkit-keyframes float-15070fcc{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes float-15070fcc{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.placeholder-icon[data-v-15070fcc]{width:40px;height:40px;color:hsla(0,0%,100%,.6)}.placeholder-text[data-v-15070fcc]{font-size:16px;color:hsla(0,0%,100%,.6);margin:0}.player-footer[data-v-15070fcc]{padding:16px 24px;background:#fafafa;border-top:1px solid var(--monitor-border);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.footer-info[data-v-15070fcc],.player-footer[data-v-15070fcc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer-info[data-v-15070fcc]{gap:16px}.info-item[data-v-15070fcc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:13px;color:var(--monitor-text-secondary)}.info-icon[data-v-15070fcc]{width:16px;height:16px;color:var(--monitor-text-secondary)}.info-divider[data-v-15070fcc]{width:1px;height:16px;background:var(--monitor-border)}.footer-actions[data-v-15070fcc]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.icon-btn[data-v-15070fcc]{width:36px;height:36px;border-radius:8px;border:1px solid var(--monitor-border);background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.icon-btn[data-v-15070fcc]:hover{background:var(--monitor-hover);border-color:var(--monitor-primary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.icon-btn svg[data-v-15070fcc]{width:18px;height:18px;color:var(--monitor-text-secondary)}.icon-btn:hover svg[data-v-15070fcc]{color:var(--monitor-primary-dark)}.custom-empty[data-v-15070fcc]{padding:40px 20px}.empty-icon-wrapper[data-v-15070fcc]{width:64px;height:64px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 16px}.empty-icon[data-v-15070fcc]{width:32px;height:32px;color:#bfbfbf}@media screen and (max-width:768px){.monitor-container[data-v-15070fcc]{padding:12px}.camera-list-container[data-v-15070fcc],.player-section[data-v-15070fcc]{height:auto;min-height:400px;margin-bottom:16px}.camera-list-header[data-v-15070fcc],.player-header[data-v-15070fcc]{padding:16px}.player-header[data-v-15070fcc]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.player-controls[data-v-15070fcc]{width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.control-btn[data-v-15070fcc]{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px 16px}#player[data-v-15070fcc]{min-height:250px}.player-footer[data-v-15070fcc]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.footer-info[data-v-15070fcc]{-ms-flex-wrap:wrap;flex-wrap:wrap}}.camera-list-content[data-v-15070fcc]::-webkit-scrollbar{width:6px}.camera-list-content[data-v-15070fcc]::-webkit-scrollbar-track{background:transparent}.camera-list-content[data-v-15070fcc]::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.camera-list-content[data-v-15070fcc]::-webkit-scrollbar-thumb:hover{background:#bfbfbf}