[data-v-5c3afb32]: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-5c3afb32]{background:transparent}.monitor-page[data-v-5c3afb32] .ant-card-body{padding:0}.monitor-container[data-v-5c3afb32]{padding:24px;min-height:calc(100vh - 104px)}.camera-list-container[data-v-5c3afb32]{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-5c3afb32]:hover{-webkit-box-shadow:var(--monitor-shadow-lg);box-shadow:var(--monitor-shadow-lg)}.camera-list-header[data-v-5c3afb32]{padding:20px 24px;background:linear-gradient(135deg,#2c2416,#1a1510);gap:16px}.camera-list-header[data-v-5c3afb32],.header-icon-wrapper[data-v-5c3afb32]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-icon-wrapper[data-v-5c3afb32]{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-5c3afb32]{width:28px;height:28px;color:#fff}.header-content[data-v-5c3afb32]{-webkit-box-flex:1;-ms-flex:1;flex:1}.header-title[data-v-5c3afb32]{margin:0;font-size:18px;font-weight:600;color:#fff;line-height:1.4}.header-subtitle[data-v-5c3afb32]{font-size:13px;color:hsla(0,0%,100%,.8);font-weight:400}.camera-list-content[data-v-5c3afb32]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:16px;background:#fff}.player-section[data-v-5c3afb32]{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-5c3afb32]:hover{-webkit-box-shadow:var(--monitor-shadow-lg);box-shadow:var(--monitor-shadow-lg)}.player-header[data-v-5c3afb32]{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-5c3afb32],.player-info[data-v-5c3afb32]{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-5c3afb32]{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-5c3afb32]{background:#52c41a}.status-indicator.is-playing .status-dot[data-v-5c3afb32]{position:absolute;width:100%;height:100%;border-radius:50%;background:#52c41a;-webkit-animation:ripple-5c3afb32 1.5s infinite;animation:ripple-5c3afb32 1.5s infinite}@-webkit-keyframes ripple-5c3afb32{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(2.5);transform:scale(2.5);opacity:0}}@keyframes ripple-5c3afb32{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-5c3afb32]{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-5c3afb32]{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-5c3afb32]{color:hsla(0,0%,100%,.6);font-weight:400}.region-name[data-v-5c3afb32]{color:hsla(0,0%,100%,.7);font-weight:400}.separator[data-v-5c3afb32]{color:hsla(0,0%,100%,.4)}.camera-name[data-v-5c3afb32]{color:#fff}.player-status[data-v-5c3afb32]{font-size:12px;color:#52c41a;font-weight:500}.query-section[data-v-5c3afb32]{padding:16px 24px;background:#f5f5f5;border-bottom:1px solid var(--monitor-border)}.playback-controls-section[data-v-5c3afb32]{padding:16px 24px;background:#fafafa;border-bottom:1px solid var(--monitor-border)}.control-group[data-v-5c3afb32]{margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.control-group[data-v-5c3afb32]:last-child{margin-bottom:0}.player-wrapper[data-v-5c3afb32]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;background:#000}#historyPlayer[data-v-5c3afb32]{width:100%;height:100%;min-height:400px}#historyPlayer.is-loading[data-v-5c3afb32]{opacity:.7}.player-placeholder[data-v-5c3afb32]{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-5c3afb32]{text-align:center;padding:40px}.placeholder-icon-wrapper[data-v-5c3afb32]{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-5c3afb32 3s ease-in-out infinite;animation:float-5c3afb32 3s ease-in-out infinite}@-webkit-keyframes float-5c3afb32{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes float-5c3afb32{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.placeholder-icon[data-v-5c3afb32]{width:40px;height:40px;color:hsla(0,0%,100%,.6)}.placeholder-text[data-v-5c3afb32]{font-size:16px;color:hsla(0,0%,100%,.6);margin:0}.custom-empty[data-v-5c3afb32]{padding:40px 20px}.empty-icon-wrapper[data-v-5c3afb32]{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-5c3afb32]{width:32px;height:32px;color:#bfbfbf}@media screen and (max-width:768px){.monitor-container[data-v-5c3afb32]{padding:12px}.camera-list-container[data-v-5c3afb32],.player-section[data-v-5c3afb32]{height:auto;min-height:400px;margin-bottom:16px}.camera-list-header[data-v-5c3afb32],.player-header[data-v-5c3afb32]{padding:16px}.player-header[data-v-5c3afb32]{-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}#historyPlayer[data-v-5c3afb32]{min-height:250px}}.camera-list-content[data-v-5c3afb32]::-webkit-scrollbar{width:6px}.camera-list-content[data-v-5c3afb32]::-webkit-scrollbar-track{background:transparent}.camera-list-content[data-v-5c3afb32]::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.camera-list-content[data-v-5c3afb32]::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.custom-tree[data-v-5c3afb32] .ant-tree-switcher{-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.custom-tree[data-v-5c3afb32] .ant-tree-switcher_open{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.custom-tree[data-v-5c3afb32] .ant-tree-treenode .tree-node.is-playing{background:linear-gradient(135deg,rgba(212,175,55,.2),rgba(184,134,11,.1))!important;border:2px solid #d4af37!important;-webkit-box-shadow:0 0 16px rgba(212,175,55,.4),inset 0 0 20px rgba(212,175,55,.05)!important;box-shadow:0 0 16px rgba(212,175,55,.4),inset 0 0 20px rgba(212,175,55,.05)!important;border-radius:var(--monitor-radius-sm);-webkit-transform:scale(1.02);transform:scale(1.02)}.custom-tree[data-v-5c3afb32] .ant-tree-treenode .tree-node.is-playing .node-title{color:#b8860b!important;font-weight:700!important;font-size:15px}.custom-tree[data-v-5c3afb32] .ant-tree-treenode .tree-node.is-playing .node-icon-wrapper{background:linear-gradient(135deg,#d4af37,#b8860b)!important;-webkit-box-shadow:0 2px 12px rgba(212,175,55,.5)!important;box-shadow:0 2px 12px rgba(212,175,55,.5)!important;-webkit-transform:scale(1.1);transform:scale(1.1)}