:root{--primary-color: #ff0000;--background-color: #ffffff;--text-color: #000000;--secondary-text-color: #606060;--border-color: #e5e5e5;--dropdown-bg-color: #ffffff;--hover-color: #f0f0f0}body{margin:0;font-family:Roboto,sans-serif}nav{height:56px;padding:10px 2%;justify-content:space-between;background-color:var(--background-color);box-shadow:0 0 10px #0003;position:sticky;top:0;z-index:10}.nav-left{display:flex;align-items:center}.nav-left .menu-icon{font-size:22px;margin-right:25px;cursor:pointer;transition:color .3s}.nav-left .menu-icon:hover{color:var(--primary-color)}.nav-left .logo{width:130px}.nav-middle{display:flex;align-items:center;justify-content:center;position:relative}.nav-middle .search-box{display:flex;align-items:center;border:1px solid #ccc;margin-right:15px;padding:8px 12px;border-radius:25px;position:relative;z-index:1}.nav-middle .search-box input{width:400px;border:0;outline:0;background:transparent}.nav-middle .search-box .ant-input-affix-wrapper{background:transparent;border:none}.nav-middle .search-box .ant-input-prefix{margin-right:8px;cursor:pointer;transition:color .3s}.nav-middle .search-box .ant-input-prefix:hover{color:var(--primary-color)}.nav-middle .search-results{position:absolute;top:100%;left:0;width:100%;background-color:var(--dropdown-bg-color);border:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a;border-radius:4px;z-index:1000;max-height:300px;overflow-y:auto}.nav-middle .search-results div{padding:10px;font-size:14px;color:var(--text-color);cursor:pointer;transition:background-color .3s}.nav-middle .search-results div:hover{background-color:var(--hover-color)}.nav-right{display:flex;align-items:center}.nav-right .nav-icon{font-size:18px;margin-right:25px;cursor:pointer;transition:color .3s}.nav-right .nav-icon:hover{color:var(--primary-color)}.nav-right .user-icon{width:35px;height:35px;border-radius:50%;cursor:pointer;transition:box-shadow .3s}.nav-right .user-icon:hover{box-shadow:0 0 5px #0000004d}.ant-dropdown .ant-dropdown-menu{border:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a;border-radius:4px;z-index:1000;width:200px;color:var(--text-color)}.ant-dropdown .ant-dropdown-menu-item,.ant-dropdown .ant-dropdown-menu-submenu-title{padding:10px;font-size:14px;color:var(--text-color);transition:background-color .3s}.ant-dropdown .ant-dropdown-menu-item:hover,.ant-dropdown .ant-dropdown-menu-submenu-title:hover{background-color:var(--hover-color)}.container{background:#f9f9f9;padding:20px 2% 20px 17%}.large-container{padding-left:7%}.sidebar{height:100vh;position:fixed;top:0;background:#fff;padding-top:80px}.ant-layout-sider{background:#fff}.ant-menu-light .ant-menu-item-selected{background-color:red!important;color:#fff!important}.ant-menu-item{font-size:16px;color:#000}.ant-menu-item:hover{background-color:red!important;color:#fff!important}.ant-menu-light .ant-menu-item-selected:hover{background-color:red!important}.anticon{font-size:20px}@media (max-width: 768px){.sidebar{width:100%!important}}.feed{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;padding:20px}.card{height:320px;background-color:#fff;box-shadow:0 0 10px #0000001a;border-radius:8px;overflow:hidden;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.thumbnail{width:100%;height:150px;border-radius:8px 8px 0 0;object-fit:cover}.video-info{padding:20px}.video-title{font-size:16px!important;font-weight:700;color:#030303;margin:0}.video-channel{padding-top:10px;font-size:14px;color:#606060;margin-bottom:8px}.video-views{text-align:left!important;font-size:10px!important;color:#606060;margin-bottom:8px}.video-date{font-size:14px;color:#606060;margin-bottom:8px}.video-container{max-width:1400;margin:0 auto;padding:20px}.error{color:red;font-size:18px;text-align:center}.video-layout{display:flex;gap:20px}.video-column{flex:70%}.info-column{background-color:#0000001a;flex:20%;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.video-title div{font-size:20px}.video-wrapper{position:relative;padding-top:56.25%}.video-player{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;box-shadow:0 2px 10px #0000001a}.video-stats{font-size:20px;color:#777;margin-bottom:10px}.interaction-buttons{border:rgba(0,0,0,.1) 1px solid;border-radius:4px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:center;gap:10px;margin-bottom:50px!important}.like-button:hover,.dislike-button:hover{background-color:#7aa5d3}.video-description{background-color:#bdbcbc99;border:rgba(0,0,0,.1) 1px solid;border-radius:4px;box-shadow:0 2px 10px #0000001a;margin-bottom:50px!important}.video-description div{color:#333;font-size:18px;margin:10px}.video-date-1,.video-owner{font-size:16px;color:#000;margin-bottom:10px}.video-views-1{margin-top:20px;font-size:24px;font-weight:700;text-align:center;color:#333}.info-column p{font-size:20px}.date-icon,.channel-icon{padding:10px;border:rgba(0,0,0,.1) 1px solid;border-radius:4px;box-shadow:0 2px 10px #0000001a}.login-background{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-image:url(/assets/background_login-CJ9AXH7R.jpg)}.wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;background:transparent;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);color:#fff;width:80%;max-width:400px;padding:30px 40px;border-radius:10px}.wrapper h1{font-size:36px;text-align:center}.wrapper .input-box{position:relative;width:100%;height:50px;margin:30px 0}.input-box input{width:100%;height:100%;background:transparent;border:none;outline:none;border:2px solid rgba(255,255,255,.2);border-radius:40px;font-size:16px;color:#fff;padding:20px 45px 20px 20px}.input-box input::placeholder{color:#fff}.input-box .icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:16px}.wrapper .remember-forgot{display:flex;justify-content:space-between;font-size:14px;margin:-15px 0 15px}.remember-forgot label input{accent-color:red;margin-right:4px}.remember-forgot a{color:#fff;text-decoration:underline}.remember-forgot a:hover{color:red}.wrapper button{width:100%;height:45px;background-color:#81dbdb;border:none;outline:none;border-radius:40px;box-shadow:0 0 10px #0000001a;cursor:pointer;font-size:16px;color:#333;font-weight:700}.wrapper button:hover{opacity:.9}.wrapper .register-link{font-size:14px;text-align:center;margin:20px 0 15px}.register-link p a{color:#fff;text-decoration:underline;font-weight:600}.register-link p a:hover{color:red}.login-background{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-image:url(/assets/background_login-CJ9AXH7R.jpg)}:where(.css-dev-only-do-not-override-zg0ahe).ant-form-item .ant-form-item-label>label{color:#fff}.wrapper h2{color:#fff}.wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:400px;padding:30px 40px;border-radius:10px;background-color:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.wrapper h2{font-size:30px;margin-bottom:20px}.wrapper button{border-radius:5px}.wrapper .ant-input,.wrapper .ant-input-password{font-size:20px;line-height:40px;width:100%;background:#ffffff1a;border-color:#ffffff4d;color:#fff;transition:border-color .3s,color .3s,background-color .3s}.wrapper .ant-picker{font-size:20px;height:50px;width:100%;background:#ffffff1a;border-color:#ffffff4d;color:#fff;transition:border-color .3s,color .3s,background-color .3s}.wrapper .ant-input:focus,.wrapper .ant-input-password:focus,.wrapper .ant-picker:hover,.wrapper .ant-picker-focused{font-size:20px;border-color:#fff}.wrapper .ant-input::placeholder,.wrapper .ant-input-password::placeholder,.wrapper .ant-picker-input>input::placeholder{font-size:20px;color:#fff9}.wrapper .ant-picker-input>input:not(:placeholder-shown){font-size:20px}.ant-input-success,.ant-picker-selected-date{border-color:#52c41a!important;background-color:#ffffff1a}.ant-input-error{border-color:#ff4d4f!important}.ant-form-item-explain-error{color:#ff4d4f}.input-suffix{color:#fff}.ant-form-item-label{color:#fff!important}.ant-form-item-control-input{background-color:#ffffff1a!important}.wrapper ant-button{background-color:#81dbdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .3s}.ant-picker{width:100%}.upload-video-container{max-width:1000px;margin:20px auto;padding:20px;background-color:#f0f2f5;border-radius:8px;box-shadow:0 0 10px #0000001a}.upload-video-header{text-align:center;margin-bottom:2rem}.dropzone-container{display:flex;justify-content:space-between;margin-bottom:1.5rem}.dropzone-section{display:flex;flex-direction:column;align-items:center;width:45%}.dropzone{width:100%;height:240px;border:2px dashed #ccc;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border .3s ease}.dropzone:hover{border-color:#1890ff}.ant-input{font-size:16px}.ant-progress-inner{background-color:#1890ff}.ant-progress-text{font-size:14px}.ant-btn-primary{background-color:#1890ff;border-color:#1890ff}.ant-btn-primary:hover,.ant-btn-primary:focus{background-color:#40a9ff;border-color:#40a9ff}.ant-typography{color:#444}.ant-form-item-label{font-weight:700;margin-bottom:4px}.ant-form-item-explain{font-size:12px;color:#f5222d}.submit-button{text-align:center;margin-top:1rem}.manage-account{max-width:1000px;margin:20px auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;font-family:Arial,sans-serif}.manage-account h2{margin-bottom:10px}.action-button{margin-right:10px}.message{margin-top:10px;color:#f56a00}.error{color:red;font-weight:700}.ant-table-row:hover{cursor:pointer}.manage-channel-container{margin-left:200px;padding:20px;transition:margin-left .3s}.manage-channel-container.large-container{margin-left:80px}.manage-channel{padding:20px}.video-list{display:flex;flex-wrap:wrap}.video-item{width:30%;margin:10px}.video-thumbnail{width:100%;height:auto}.video-details{padding:10px 0}.error-message{color:red}.search-page{max-width:1000px;margin:20px auto;padding:20px}.video-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.video-card{display:flex;flex-direction:column;height:100%}.thumbnail-container{display:block}.card-img-top{width:100%;height:auto}.card-body{padding:12px}.card-title{margin-bottom:8px;font-size:18px}.card-text{color:#0009;margin-bottom:8px}.card-details{color:#00000073}.loader{border:4px solid rgba(0,0,0,.1);border-left-color:#1890ff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}.history-container{max-width:1000px;margin:20px auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;font-family:Arial,sans-serif}.history-title{max-height:80px;font-size:28px;margin-bottom:20px}.video-list{display:flex;flex-wrap:wrap;gap:20px}.video-card{width:calc(33.33% - 20px);background-color:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden}.thumbnail-container{display:block;width:100%;overflow:hidden;border-bottom:1px solid #ddd}.thumbnail-container img{width:100%;height:80px;object-fit:cover}.card-body{padding:10px}.card-title{font-size:18px;margin-bottom:10px}.card-text{font-size:14px;color:#666;margin-bottom:10px}.card-details{display:flex;justify-content:space-between;margin-bottom:5px}.views,.timestamp{font-size:12px;color:#888}.delete-button{background-color:#ff4d4f;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer}.delete-button:hover{background-color:#ff7875}.react-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.react-modal-content{width:80%;max-width:600px;background:#fff;padding:20px;border-radius:8px;position:relative;outline:none}.admin-page{max-width:1000px;margin:20px auto;padding:20px}.video-list{list-style:none;padding:0}.video-item{margin-bottom:20px;display:flex;align-items:flex-start}.video-item img{cursor:pointer;width:120px;height:90px}.video-details{margin-left:20px}.video-title{margin:0;font-size:1.2em}.video-description,.video-meta,.video-owner{margin:5px 0}.button-group{margin-top:10px}.button-accept,.button-delete{margin-right:10px;padding:5px 10px;cursor:pointer}.button-accept{background-color:#4caf50;color:#fff;border:none;border-radius:4px}.button-delete{background-color:#f44336;color:#fff;border:none;border-radius:4px}.account-info-container{max-width:600px;margin:50px auto;padding:20px;background-color:#fff;border:1px solid #d3d3d3;box-shadow:0 1px 3px #0000001a}.account-info-title{text-align:center;color:red}.account-info-form .ant-form-item-label>label{color:#000}.account-info-form .ant-input[readonly]{background-color:#f5f5f5;border-color:#d3d3d3;color:#555}.forgot-password-container{max-width:400px;margin:50px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.forgot-password-form{display:flex;flex-direction:column;align-items:center}.forgot-password-form .ant-form-item{width:100%}.forgot-password-form .ant-btn-primary{background-color:red;border-color:red;width:100%}.forgot-password-form .ant-btn-primary:hover,.forgot-password-form .ant-btn-primary:focus{background-color:#c00;border-color:#c00}*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}a{text-decoration:none;color:#5a5a5a}img{cursor:pointer}.flex-div{display:flex;align-items:center}