.sidebar{align-items:flex-start;background-color:#181818;box-shadow:4px 0 15px #0000005e;color:#fff;display:flex;flex-direction:column;font-family:Roboto,sans-serif;gap:15px;height:100%;left:0;padding:20px;position:fixed;top:0;width:200px}.sidebar h2{color:#fff;font-size:1.8rem;font-weight:700;margin:0}.sidebar ul{list-style-type:none;padding-left:0;width:100%}.sidebar li{border-radius:8px;margin-bottom:15px;width:100%}.sidebar li a{border-radius:8px;color:#bdbdbd;display:block;font-size:1.2rem;padding:10px 15px;text-decoration:none;transition:background-color .3s,color .3s}.sidebar li a:hover{background-color:#333;color:#e81a1a}.video-card{cursor:pointer;display:flex;flex-direction:column;transition:transform .2s ease-in-out;width:280px}.video-card:hover{transform:scale(1.05)}.video-thumbnail-wrapper{aspect-ratio:16/9;border-radius:10px;overflow:hidden;width:100%}.video-thumbnail{display:block;height:100%;object-fit:cover;width:100%}.video-info{margin-top:8px}.video-title{color:#fff;font-size:16px;font-weight:700;margin:4px 0}.video-desc{color:#aaa;font-size:14px;line-height:1.4;margin:0}.search-bar{align-items:center;background-color:#212121;border-radius:4px;display:flex;gap:8px;margin:10px auto;max-width:800px;padding:5px;width:100%}.search-input{background-color:#333;border:1px solid #333;border-radius:4px;color:#fff;flex-grow:1;font-size:16px;padding:10px 12px;transition:border-color .3s ease-in-out}.search-button{background-color:#2e2e2e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 16px;transition:background-color .3s ease-in-out}.search-button:hover{background-color:#181818}.carousel-container{align-items:center;display:flex;gap:30px;justify-content:center;overflow:hidden;width:100%}.carousel{-ms-overflow-style:none;display:flex;flex-grow:1;gap:15px;gap:20px;overflow-x:auto;padding:10px;scroll-behavior:smooth;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.scroll-button{align-items:center;background:#00000080;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:80px 10px}.scroll-button:hover{background:#000c}.video-player{gap:20px;margin:20px auto;max-width:800px;position:relative}.video-player,video{border-radius:8px;width:100%}video{box-shadow:0 4px 12px #00000080}.controls{align-items:center;display:flex;justify-content:left;width:100%}button{background-color:#e81a1a;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}button:hover{background-color:#b61515}.home-page{display:flex;flex-direction:column;justify-content:center;margin:20px;padding:20px;width:100%}.home-page h1{color:#f31a1a;font-size:2.2rem;font-weight:700;margin:20px 16px}.home-page h2{color:#5c5c5c;font-size:1.5rem;font-weight:400;margin:20px 16px}.upload-form{background-color:#181818;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-family:Roboto,sans-serif;margin:50px auto;max-width:600px;padding:20px;width:100%}.upload-form h2{font-size:2rem;margin-bottom:20px;text-align:center}.upload-form label{display:block;font-size:1.1rem;margin-bottom:8px}.upload-form input{background-color:#121212;border:1px solid #333;border-radius:5px;color:#fff;font-size:1rem;margin-bottom:20px;padding:10px;transition:border-color .3s;width:97%}.upload-form input:focus{border-color:#e81a1a;outline:none}.upload-form input::placeholder{color:#888}.upload-form button{background-color:#e81a1a;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;padding:12px;transition:background-color .3s;width:100%}.upload-form button:hover{background-color:#b61515}.upload-form .form-group{display:flex;flex-direction:column;gap:12px}.video-page{padding-top:70px}.video-page h1,.video-page p{margin-left:300px}.video-player{align-items:center;display:flex;flex-direction:column;margin-top:20px}.play-pause-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.play-pause-btn:hover{background-color:#0056b3}.app{display:flex}.content{margin-left:220px;padding:20px;width:80%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#181818;color:#e5e5e5;margin:0}body,h1,h2,h3,h4,h5,h6,p,span{font-family:Roboto,Arial,sans-serif}code{background-color:#2d2d2d;border-radius:4px;color:#f1f1f1;font-family:Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:2px 4px}a{text-decoration:none}
/*# sourceMappingURL=main.12805b59.css.map*/