body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{display:flex;flex-direction:column;height:100vh}.App-header{align-items:center;background-color:#2d2d2d;border-bottom:2px solid #3d3d3d;box-shadow:0 2px 4px #0000004d;display:flex;gap:2rem;justify-content:space-between;padding:1rem 2rem}.App-header h1{color:#4a9eff;font-size:1.5rem;font-weight:600}.nav-tab,.nav-tabs{display:flex;gap:.5rem}.nav-tab{align-items:center;background-color:initial;border:1px solid #3d3d3d;border-radius:4px;color:#999;cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1.5rem;transition:all .2s}.nav-tab:hover:not(:disabled){background-color:#3d3d3d;color:#fff}.nav-tab.active{background-color:#4a9eff;border-color:#4a9eff;color:#fff}.nav-tab:disabled{cursor:not-allowed;opacity:.4}.live-indicator{animation:pulse 2s infinite;background-color:#f44;border-radius:50%;display:inline-block;height:8px;width:8px}.App-content{flex:1 1}.App-content,.sidebar{display:flex;overflow:hidden}.sidebar{background-color:#252525;border-right:1px solid #3d3d3d;flex-direction:column;height:100%;width:350px}.main-content{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:2rem}.no-video-selected{color:#888;text-align:center}.no-video-selected p{font-size:1.2rem;margin:1rem 0}.no-video-selected .hint{color:#666;font-size:.9rem;font-style:italic}.live-streams-list{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.live-stream-badge{background-color:#f44;border-radius:3px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.2rem .6rem}@media (max-width:768px){.App-header{align-items:flex-start;flex-direction:column;gap:1rem}.nav-tabs{justify-content:stretch;width:100%}.nav-tab{flex:1 1}.App-content{flex-direction:column}.sidebar{border-bottom:1px solid #3d3d3d;border-right:none;max-height:40vh;width:100%}.main-content{padding:1rem}}.video-player{background-color:#2d2d2d;border-radius:8px;box-shadow:0 4px 12px #00000080;max-width:1400px;overflow:hidden;width:100%}.video-info{background-color:#252525;border-bottom:1px solid #3d3d3d;padding:1rem 1.5rem}.video-info h2{color:#4a9eff;font-size:1.3rem;margin-bottom:.3rem}.video-datetime{color:#999;font-size:.9rem}.error-overlay,.transcoding-overlay{align-items:center;background-color:#000000d9;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.transcoding-overlay p{font-size:1.1rem;margin:.5rem 0}.transcoding-overlay .hint{color:#999;font-size:.9rem}.video-controls{background-color:#252525;padding:1rem 1.5rem}.playback-bar{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.time-display{color:#999;font-family:Courier New,monospace;font-size:.9rem;min-width:70px}.seek-bar{-webkit-appearance:none;appearance:none;background:#3d3d3d;border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none}.seek-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4a9eff;border-radius:50%;cursor:pointer;height:16px;width:16px}.seek-bar::-moz-range-thumb{background:#4a9eff;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.quality-controls,.speed-controls{align-items:center;display:flex;gap:.5rem}.quality-label,.speed-label{color:#999;font-size:.9rem;margin-right:.3rem}.quality-btn,.speed-btn{background-color:#3d3d3d;border:1px solid #555;border-radius:4px;color:#ccc;cursor:pointer;font-size:.85rem;min-width:45px;padding:.4rem .8rem;transition:all .2s}.quality-btn:hover,.speed-btn:hover{background-color:#4d4d4d;border-color:#666}.quality-btn.active,.speed-btn.active{background-color:#4a9eff;border-color:#4a9eff;color:#fff}@media (max-width:768px){.video-container{min-height:250px}.video-container video{max-height:50vh}.control-buttons{align-items:stretch;flex-direction:column}.quality-controls,.speed-controls{justify-content:center}}.recording-list{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.recording-list-header{align-items:center;border-bottom:1px solid #3d3d3d;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.recording-list-header h3{color:#fff;font-size:1.1rem;font-weight:500}.recording-count{background-color:#3d3d3d;border-radius:12px;color:#888;font-size:.85rem;padding:.3rem .7rem}.recording-items{flex:1 1;overflow-y:auto;padding:.5rem 0}.recording-items::-webkit-scrollbar{width:8px}.recording-items::-webkit-scrollbar-track{background:#1a1a1a}.recording-items::-webkit-scrollbar-thumb{background:#3d3d3d;border-radius:4px}.recording-items::-webkit-scrollbar-thumb:hover{background:#555}.recording-item{border-left:3px solid #0000;cursor:pointer;padding:1rem 1.5rem;transition:all .2s}.recording-item.selected,.recording-item:hover{background-color:#2d2d2d;border-left-color:#4a9eff}.recording-area{color:#fff;font-size:1rem;font-weight:500;margin-bottom:.4rem}.recording-datetime{display:flex;font-size:.85rem;gap:.8rem}.recording-date{color:#999}.recording-time{color:#4a9eff;font-family:Courier New,monospace}.error,.loading,.no-recordings{color:#888;padding:2rem 1.5rem;text-align:center}.error{color:#ff6b6b}.datetime-filter{background-color:#2a2a2a;border-bottom:1px solid #3d3d3d;flex-shrink:0;padding:1.5rem}.filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.2rem}.filter-header h3{color:#fff;font-size:1.1rem;font-weight:500}.clear-btn{background-color:initial;border:1px solid #4a9eff;border-radius:4px;color:#4a9eff;cursor:pointer;font-size:.85rem;padding:.4rem .8rem;transition:all .2s}.clear-btn:hover{background-color:#4a9eff;color:#fff}.filter-group{margin-bottom:1rem}.filter-group:last-child{margin-bottom:0}.filter-group label{color:#999;display:block;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.filter-input,.filter-select{background-color:#1a1a1a;border:1px solid #3d3d3d;border-radius:4px;color:#fff;font-size:.9rem;outline:none;padding:.6rem;transition:border-color .2s;width:100%}.filter-input:focus,.filter-select:focus{border-color:#4a9eff}.filter-select{cursor:pointer}.filter-input{font-family:Courier New,monospace}.filter-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.live-player{background-color:#2d2d2d;border-radius:8px;box-shadow:0 4px 12px #00000080;max-width:1400px;overflow:hidden;width:100%}.live-info{align-items:center;background-color:#252525;border-bottom:1px solid #3d3d3d;display:flex;gap:1rem;padding:1rem 1.5rem}.live-info h2{color:#4a9eff;font-size:1.3rem;margin:0}.live-badge{animation:pulse 2s infinite;background-color:#f44;border-radius:4px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.3rem .8rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.video-container{align-items:center;background-color:#000;display:flex;justify-content:center;min-height:400px;position:relative}.video-container video{display:block;height:auto;max-height:70vh;width:100%}.error-overlay,.loading-overlay{align-items:center;background-color:#000000d9;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-overlay p{font-size:1.1rem;margin:.5rem 0}.error-overlay p{color:#ff6b6b;font-size:1.1rem}.spinner{animation:spin 1s linear infinite;border:4px solid #3d3d3d;border-radius:50%;border-top-color:#4a9eff;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.live-controls{background-color:#252525;padding:1rem 1.5rem}.control-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.play-pause-btn{background-color:#4a9eff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.6rem 1.5rem;transition:background-color .2s}.play-pause-btn:hover{background-color:#357ac9}.quality-controls{align-items:center;display:flex;gap:.5rem}.quality-label{color:#999;font-size:.9rem;margin-right:.3rem}.quality-btn{background-color:#3d3d3d;border:1px solid #555;border-radius:4px;color:#ccc;cursor:pointer;font-size:.85rem;min-width:55px;padding:.4rem .8rem;transition:all .2s}.quality-btn:hover{background-color:#4d4d4d;border-color:#666}.quality-btn.active{background-color:#4a9eff;border-color:#4a9eff;color:#fff}.live-info-text{color:#999;font-size:.85rem;font-style:italic;margin-left:auto}@media (max-width:768px){.video-container{min-height:250px}.video-container video{max-height:50vh}.control-buttons{align-items:stretch;flex-direction:column}.quality-controls{justify-content:center}.live-info-text{margin-left:0;text-align:center}}
/*# sourceMappingURL=main.5e704f61.css.map*/