*{box-sizing:border-box;font-family:Comic Sans MS,Netflix Sans,sans-serif;margin:0;padding:0}body{background:linear-gradient(to bottom right,#121212,#0d0d0d);color:#fff;min-height:100vh}.header{align-items:center;background-color:#1a1a1a;border-bottom:1px solid #333;display:flex;height:50px;justify-content:space-between;padding:0 20px}.logo{color:#e50914;font-size:20px;font-weight:700}.logout-button{background-color:#e50914;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:6px 12px}.logout-button:hover{background-color:#f6121d}.group-list{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.group-list h3{background-color:#1a1a1a;margin:0;padding:10px}.group-list ul{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:0}.group-list li{align-items:center;border-bottom:1px solid #333;cursor:pointer;display:flex;justify-content:space-between;padding:10px 15px}.group-list li:hover{background-color:#2a2a2a}.group-list li.selected{background-color:#e50914}.group-count{background-color:#333;border-radius:10px;font-size:12px;padding:2px 8px}.no-data{color:#888;padding:20px;text-align:center}.channel-list{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.channel-list h3{background-color:#1a1a1a;margin:0;padding:10px}.channel-list ul{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:0}.channel-list li{align-items:center;border-bottom:1px solid #333;cursor:pointer;display:flex;padding:10px 15px}.channel-list li:hover{background-color:#2a2a2a}.channel-list li.selected{background-color:#e50914}.channel-logo{height:30px;margin-right:10px;object-fit:contain;width:30px}.channel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-container{display:flex;flex:1 1;flex-direction:column;padding:20px}.video-container{align-items:center;background-color:#000;display:flex;flex:1 1;justify-content:center;position:relative}.video-player{height:100%;outline:none;width:100%}.channel-info{margin:15px 0}.channel-info h2{font-size:24px;margin-bottom:5px}.channel-info p{color:#888}.controls{display:flex;flex-direction:column;gap:15px}.playback-controls{display:flex;gap:10px}.control-button{background-color:#e50914;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px}.control-button:hover{background-color:#f6121d}.control-button:disabled{background-color:#444;cursor:not-allowed}.volume-control{align-items:center;display:flex;gap:10px}.volume-slider{-webkit-appearance:none;background:#444;border-radius:2px;flex:1 1;height:4px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#e50914;border-radius:50%;cursor:pointer;height:14px;width:14px}.no-channel{align-items:center;color:#888;display:flex;flex:1 1;font-size:18px;justify-content:center}@media (max-width:768px){.main-content{flex-direction:column}.sidebar{height:40%;min-width:100%;width:100%}.player-section{height:60%}}.app-container{display:flex;flex-direction:column;height:100vh}.url-input-container{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 50px);justify-content:center;padding:20px}.url-input-container h2{color:#e50914;margin-bottom:20px}.m3u-input{background-color:#2c2c2c;border:1px solid #444;border-radius:4px;margin-bottom:15px;max-width:500px;padding:12px;width:100%}.load-button,.m3u-input{color:#fff;font-size:16px}.load-button{background-color:#e50914;border:none;border-radius:4px;cursor:pointer;font-weight:600;padding:12px 24px;transition:background-color .2s}.load-button:hover{background-color:#f6121d}.load-button:disabled{background-color:#444;cursor:not-allowed}.error-message{color:#e50914;margin-top:15px}.main-content{display:flex;height:calc(100vh - 50px)}.sidebar{border-right:1px solid #333;display:flex;flex-direction:column;min-width:250px;width:25%}.channels-section,.groups-section{display:flex;flex-direction:column;height:50%;overflow:hidden}.groups-section{border-bottom:1px solid #333}.search-input{background-color:#2c2c2c;border:1px solid #444;border-radius:4px;color:#fff;margin:10px;padding:8px}.player-section{display:flex;flex:1 1;flex-direction:column}
/*# sourceMappingURL=main.c99402b8.css.map*/