:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0d1117}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}@media screen and (min-width:0px)and (max-width:768px){html,body,#app{height:100vh;height:100dvh}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#161b22}::-webkit-scrollbar-thumb{background:#30363d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8b949e}.player-wrapper[data-v-40b1695c]{position:relative;width:100%;height:100%;background:#000;overflow:hidden}.video-element[data-v-40b1695c]{width:100%;height:100%;object-fit:cover}.overlay[data-v-40b1695c]{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000d9;color:#c9d1d9;z-index:10;text-align:center}.loading[data-v-40b1695c]{color:#58a6ff}.error[data-v-40b1695c]{color:#da3633;font-weight:700}.sub-text[data-v-40b1695c]{font-size:12px;color:#8b949e;margin-top:5px;font-weight:400}.fullscreen-btn[data-v-40b1695c]{position:absolute;top:10px;right:10px;z-index:20;width:32px;height:32px;border:none;border-radius:4px;background:#0009;color:#fff;font-size:16px;cursor:pointer;opacity:0;transition:opacity .3s}.player-wrapper:hover .fullscreen-btn[data-v-40b1695c]{opacity:1}.player-wrapper.fullscreen[data-v-40b1695c]{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:9999!important;background:#000!important;display:flex!important;align-items:center!important;justify-content:center!important}.player-wrapper.fullscreen .video-element[data-v-40b1695c]{object-fit:contain!important;width:100%!important;height:100%!important}.monitor-system[data-v-58a3eeb4]{display:flex;height:100vh;background:#0d1117;color:#c9d1d9}.sidebar[data-v-58a3eeb4]{width:280px;background:#161b22;border-right:1px solid #30363d;display:flex;flex-direction:column;flex-shrink:0;transition:width .3s ease;position:relative;overflow:visible}.sidebar.collapsed[data-v-58a3eeb4]{width:0;overflow:visible}.sidebar.collapsed[data-v-58a3eeb4]:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#30363d;cursor:pointer;transition:background .2s ease}.sidebar.collapsed[data-v-58a3eeb4]:hover:after{background:#58a6ff}.sidebar.collapsed .sidebar-content[data-v-58a3eeb4]{opacity:0;pointer-events:none;width:280px}.sidebar-content[data-v-58a3eeb4]{display:flex;flex-direction:column;flex:1;overflow:hidden;transition:opacity .2s ease;min-width:280px}.sidebar-hover-area[data-v-58a3eeb4]{position:absolute;left:0;top:0;bottom:0;width:10px;cursor:pointer;z-index:5}.sidebar-hover-area:hover+.collapse-btn[data-v-58a3eeb4],.collapse-btn[data-v-58a3eeb4]:hover{opacity:1;pointer-events:auto}.collapse-btn[data-v-58a3eeb4]{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:28px;height:50px;display:flex;align-items:center;justify-content:center;background:#1f6feb;border:none;border-radius:0 6px 6px 0;color:#fff;cursor:pointer;font-size:12px;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s ease,background .2s ease,color .2s ease}.sidebar:not(.collapsed) .collapse-btn[data-v-58a3eeb4]{opacity:1;pointer-events:auto}.collapse-btn[data-v-58a3eeb4]:hover{background:#58a6ff;color:#fff}.sidebar-header[data-v-58a3eeb4]{padding:15px;border-bottom:1px solid #30363d}.sidebar-header h2[data-v-58a3eeb4]{margin:0 0 10px;font-size:18px;color:#58a6ff}.search-box input[data-v-58a3eeb4]{width:100%;padding:8px;background:#0d1117;border:1px solid #30363d;color:#fff;border-radius:6px;outline:none}.mode-tabs[data-v-58a3eeb4]{display:flex;padding:10px;gap:8px;background:#0d1117}.mode-tabs button[data-v-58a3eeb4]{flex:1;padding:6px;border:1px solid #30363d;background:#21262d;color:#8b949e;border-radius:6px;cursor:pointer;font-size:12px}.mode-tabs button.active[data-v-58a3eeb4]{background:#238636;color:#fff;border-color:#238636}.custom-panel[data-v-58a3eeb4]{padding:10px;border-bottom:1px solid #30363d;display:flex;flex-direction:column;gap:8px}.btn-start[data-v-58a3eeb4]{background:#1f6feb;color:#fff;border:none;padding:8px;border-radius:6px;cursor:pointer;font-weight:700}.btn-start[data-v-58a3eeb4]:disabled{background:#30363d;cursor:not-allowed;opacity:.6}.btn-clear[data-v-58a3eeb4]{background:transparent;border:1px solid #da3633;color:#da3633;padding:6px;border-radius:6px;cursor:pointer}.tip[data-v-58a3eeb4]{font-size:11px;color:#8b949e;text-align:center}.stream-list[data-v-58a3eeb4]{flex:1;overflow-y:auto;padding:10px}.stream-item[data-v-58a3eeb4]{display:flex;justify-content:space-between;align-items:center;padding:8px;margin-bottom:4px;background:#21262d;border-radius:6px;border:1px solid transparent;cursor:pointer}.stream-item.selected[data-v-58a3eeb4]{border-color:#238636;background:#1c2a1f}.stream-item[data-v-58a3eeb4]:hover{background:#30363d}.cam-info[data-v-58a3eeb4]{display:flex;align-items:center;gap:8px;font-size:13px;overflow:hidden}.dot[data-v-58a3eeb4]{width:8px;height:8px;border-radius:50%;background:#8b949e}.dot.online[data-v-58a3eeb4]{background:#238636;box-shadow:0 0 4px #238636}.name[data-v-58a3eeb4]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-toggle[data-v-58a3eeb4]{width:24px;height:24px;border:none;border-radius:4px;background:#30363d;color:#fff;cursor:pointer;font-weight:700}.stream-item.selected .btn-toggle[data-v-58a3eeb4]{background:#da3633}.empty-msg[data-v-58a3eeb4]{text-align:center;color:#8b949e;padding:20px;font-size:13px}.video-wall[data-v-58a3eeb4]{flex:1;display:flex;flex-direction:column;overflow:hidden}.wall-header[data-v-58a3eeb4]{height:60px;background:#161b22;border-bottom:1px solid #30363d;display:flex;justify-content:space-between;align-items:center;padding:0 20px;transition:transform .3s ease,opacity .3s ease,height .3s ease,padding .3s ease,border-bottom .3s ease}.wall-header.hidden[data-v-58a3eeb4]{transform:translateY(-100%);opacity:0;height:0;padding:0;border-bottom:none;overflow:hidden}.title-group[data-v-58a3eeb4]{display:flex;align-items:center;gap:10px}.title-group h1[data-v-58a3eeb4]{margin:0;font-size:18px;color:#fff}.badge[data-v-58a3eeb4]{background:#30363d;padding:2px 8px;border-radius:12px;font-size:12px;color:#8b949e}.controls[data-v-58a3eeb4]{display:flex;align-items:center;gap:15px}.page-info[data-v-58a3eeb4]{font-size:13px;color:#8b949e}.progress-track[data-v-58a3eeb4]{width:100px;height:4px;background:#30363d;border-radius:2px;overflow:hidden}.timer[data-v-58a3eeb4]{font-family:monospace;color:#58a6ff;font-size:14px}.controls button[data-v-58a3eeb4]{padding:6px 12px;background:#21262d;border:1px solid #30363d;color:#c9d1d9;border-radius:6px;cursor:pointer}.controls button.running[data-v-58a3eeb4]{background:#da3633;border-color:#da3633;color:#fff}.controls button.active[data-v-58a3eeb4]{background:#1f6feb;border-color:#1f6feb;color:#fff}.video-wall.fullscreen[data-v-58a3eeb4]{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:9998!important;background:#000!important;display:flex!important;flex-direction:column!important}.video-wall.fullscreen .grid-container[data-v-58a3eeb4]{flex:1;padding:0;gap:0}.video-wall.fullscreen .grid-item[data-v-58a3eeb4]{border:none}.grid-container[data-v-58a3eeb4]{flex:1;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:0;padding:0;background:#000}.grid-item[data-v-58a3eeb4]{position:relative;background:#0d1117;border:none;overflow:hidden;display:flex;flex-direction:column}.grid-item.empty[data-v-58a3eeb4]{justify-content:center;align-items:center;color:#30363d;font-size:20px;border-style:dashed}.cam-label[data-v-58a3eeb4]{position:absolute;top:0;left:0;right:0;padding:8px 12px;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);color:#fff;font-size:14px;font-weight:700;z-index:10;pointer-events:none}.progress-fill[data-v-58a3eeb4]{height:100%;background:#58a6ff;transition:width .3s ease}@media(max-width:1024px){.sidebar[data-v-58a3eeb4]{width:220px}.sidebar-content[data-v-58a3eeb4]{min-width:220px}.wall-header[data-v-58a3eeb4]{height:50px;padding:0 10px}.title-group h1[data-v-58a3eeb4]{font-size:14px}.controls[data-v-58a3eeb4]{gap:8px}.controls button[data-v-58a3eeb4]{padding:4px 8px;font-size:12px}.page-info[data-v-58a3eeb4],.timer[data-v-58a3eeb4]{font-size:11px}.progress-track[data-v-58a3eeb4]{width:60px}}@media(max-width:768px){.monitor-system[data-v-58a3eeb4]{flex-direction:column}.sidebar[data-v-58a3eeb4]{width:100%;height:auto;max-height:35vh;border-right:none;border-bottom:1px solid #30363d}.sidebar-content[data-v-58a3eeb4]{min-width:auto}.sidebar.collapsed[data-v-58a3eeb4]{width:100%;height:0;overflow:hidden}.sidebar.collapsed[data-v-58a3eeb4]:after{display:none}.collapse-btn[data-v-58a3eeb4]{left:auto;right:10px;top:10px;transform:none;width:24px;height:24px;opacity:1;pointer-events:auto}.sidebar:not(.collapsed) .collapse-btn[data-v-58a3eeb4]{opacity:1;pointer-events:auto}.stream-list[data-v-58a3eeb4]{max-height:25vh}.wall-header[data-v-58a3eeb4]{height:45px;padding:0 8px;flex-wrap:wrap;gap:5px}.title-group h1[data-v-58a3eeb4]{font-size:12px}.badge[data-v-58a3eeb4]{font-size:10px}.controls[data-v-58a3eeb4]{gap:5px}.controls button[data-v-58a3eeb4]{padding:3px 6px;font-size:11px}.page-info[data-v-58a3eeb4],.timer[data-v-58a3eeb4]{font-size:10px}.progress-track[data-v-58a3eeb4]{width:50px;height:3px}.timer[data-v-58a3eeb4]{display:none}.grid-container[data-v-58a3eeb4]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}}@media(max-width:480px){.sidebar[data-v-58a3eeb4]{max-height:30vh}.stream-list[data-v-58a3eeb4]{max-height:20vh}.wall-header[data-v-58a3eeb4]{height:40px}.title-group h1[data-v-58a3eeb4]{font-size:11px}.badge[data-v-58a3eeb4]{display:none}.controls button[data-v-58a3eeb4]{padding:2px 5px;font-size:10px}.page-info[data-v-58a3eeb4]{display:none}.grid-container[data-v-58a3eeb4]{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,1fr)}.cam-label[data-v-58a3eeb4]{font-size:11px;padding:4px 6px}}