.creator-dashboard{background-color:#f9f9f9;display:flex;font-family:Roboto,Arial,sans-serif;min-height:100vh}.dashboard-sidebar{background-color:#fff;box-shadow:0 0 10px #0000001a;overflow:hidden;transition:width .3s ease;width:240px;z-index:10}.dashboard-sidebar.closed{width:70px}.sidebar-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:16px}.sidebar-header h2{color:#030303;font-size:18px;margin:0}.toggle-sidebar{background:none;border:none;border-radius:50%;color:#606060;cursor:pointer;font-size:18px;padding:4px 8px}.toggle-sidebar:hover{background-color:#f2f2f2}.sidebar-nav{padding:16px 0}.nav-item{align-items:center;background:none;border:none;color:#606060;cursor:pointer;display:flex;font-size:14px;padding:12px 24px;text-align:left;transition:background-color .2s;width:100%}.nav-item:hover{background-color:#f2f2f2}.nav-item.active{background-color:#e5e5e5;color:#065fd4;font-weight:500}.dashboard-main{display:flex;flex:1 1;flex-direction:column;overflow:auto}.dashboard-header{background-color:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;padding:16px 24px}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.header-left h1{color:#030303;font-size:20px;font-weight:500;margin:0}.time-selector{background-color:#fff;border:1px solid #e5e5e5;border-radius:4px;color:#606060;cursor:pointer;font-size:14px;padding:8px 12px}.header-right{display:flex;gap:12px}.btn-primary,.btn-secondary{border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s}.btn-primary{background-color:#065fd4;border:none;color:#fff}.btn-primary:hover{background-color:#0549a9}.btn-secondary{background-color:#fff;border:1px solid #065fd4;color:#065fd4}.btn-secondary:hover{background-color:#e6f0ff}.dashboard-content{flex:1 1;overflow:auto;padding:24px}.overview-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.stat-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 2px #0000001a;padding:16px}.stat-card h3{color:#606060;font-size:14px;font-weight:500;margin:0 0 8px}.stat-number{color:#030303;font-size:24px;font-weight:500;margin-bottom:4px}.stat-change{color:#0f9d58;font-size:14px}.charts-section{background-color:#fff;border-radius:8px;box-shadow:0 1px 2px #0000001a;padding:24px}.chart-container,.charts-section{margin-bottom:24px}.chart-container h3{color:#030303;font-size:16px;font-weight:500;margin:0 0 16px}.charts-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.videos-list{background-color:#fff;border-radius:8px;box-shadow:0 1px 2px #0000001a;padding:24px}.videos-table{margin-top:16px}.table-header,.table-row{grid-gap:16px;border-bottom:1px solid #e5e5e5;display:grid;gap:16px;grid-template-columns:3fr 1fr 1fr 1fr 1fr;padding:12px 0}.table-header{border-bottom:2px solid #e5e5e5;color:#606060;font-weight:500}.table-cell{display:flex}.table-cell,.video-info{align-items:center}.video-thumbnail{border-radius:4px;height:67px;width:120px}.video-title{color:#030303;margin-bottom:4px}.video-published{color:#606060;font-size:12px}.comments-section{background-color:#fff;border-radius:8px;box-shadow:0 1px 2px #0000001a;padding:24px}.comment-card{border-bottom:1px solid #e5e5e5;padding:16px}.comment-card:last-child{border-bottom:none}.comment-header{margin-bottom:8px}.comment-user{color:#030303;font-weight:500}.comment-time{font-size:14px}.comment-text{color:#030303}.comment-footer{display:flex;font-size:14px;justify-content:space-between}.comment-likes,.comment-video{color:#606060}.earnings-tab{background-color:#fff;border-radius:8px;box-shadow:0 1px 2px #0000001a;padding:24px}.revenue-card{padding:32px;text-align:center}.revenue-card h2{color:#606060;font-size:18px;font-weight:500;margin:0 0 16px}.revenue-amount{color:#030303;font-size:36px;font-weight:500;margin-bottom:8px}.revenue-period{color:#606060;font-size:14px}@media (max-width:1024px){.charts-row{grid-template-columns:1fr}.overview-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:16px}.header-right{justify-content:flex-end;width:100%}.overview-cards{grid-template-columns:1fr}.table-header{display:none}.table-row{border:1px solid #e5e5e5;border-radius:8px;gap:8px;grid-template-columns:1fr;margin-bottom:16px;padding:16px}.table-cell:before{color:#606060;content:attr(data-label);font-weight:500;margin-right:8px}.video-info{align-items:flex-start;flex-direction:column}}.home-container{background-color:#f9f9f9;padding:16px 24px}.category-bar{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:12px}.category-btn{background:#f1f1f1;border:none;border-radius:16px;cursor:pointer;font-size:14px;padding:6px 12px;transition:background .2s;white-space:nowrap}.category-btn:hover{background:#e5e5e5}.category-btn.active{background:#000;color:#fff}.video-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.thumbnail-container{aspect-ratio:16/9;background:#ddd}.thumbnail{height:100%;object-fit:cover}.video-info{padding:10px}.channel-avatar{height:36px;margin-right:10px;width:36px}.video-text{flex:1 1}.video-title{font-size:16px}.video-channel{color:#606060;font-size:14px;margin:0}.video-stats{color:#909090;font-size:12px}.video-play-container{margin:auto;max-width:1100px;padding:16px}.video-title{font-size:1.4rem;margin:12px 0}.channel-info{margin-top:12px}.channel-left{align-items:center;display:flex;gap:12px}.channel-buttons button{border:none;border-radius:18px;cursor:pointer;font-weight:700;margin-left:8px;padding:8px 14px}.subscribe-btn{background:red}.join-btn{background:#065fd4;color:#fff}.video-actions{gap:12px;margin:16px 0}.video-actions button{align-items:center;background:#f1f1f1;border:none;border-radius:18px;cursor:pointer;display:flex;gap:6px;padding:6px 10px}.video-description{background:#f9f9f9;border-radius:6px;margin-top:16px;padding:12px}.comment-section{margin-top:24px}.comment-header{justify-content:space-between;margin-bottom:16px}.comment-header h3{color:#0f0f0f;font-size:18px;font-weight:500;margin:0}.sort-by{align-items:center;display:flex;gap:8px}.sort-by,.sort-by select{color:#606060;font-size:14px}.sort-by select{background:none;border:none;cursor:pointer}.add-comment{display:flex;gap:16px;margin-bottom:32px}.comment-avatar{flex-shrink:0;height:40px;width:40px}.comment-input{flex:1 1}.comment-textfield .MuiOutlinedInput-root{border-radius:20px}.comment-buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.comment-item{display:flex;gap:16px;margin-bottom:16px}.comment-content{flex:1 1}.comment-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.comment-author{color:#0f0f0f;font-size:14px;font-weight:500}.comment-time{color:#606060;font-size:13px}.comment-text{color:#0f0f0f;font-size:14px;line-height:1.4;margin-bottom:8px}.comment-actions{align-items:center;display:flex;gap:16px;margin-bottom:8px}.action-btn{font-size:13px;gap:4px;padding:8px}.action-btn.liked{color:#065fd4}.show-replies-btn{background:none;border:none;color:#065fd4;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:8px}.show-replies-btn:hover{color:#0549a9}.replies-list{border-left:2px solid #e5e5e5;margin-left:24px;margin-top:8px;padding-left:16px}@media (max-width:768px){.comment-header{gap:8px}.add-comment,.comment-header{align-items:flex-start;flex-direction:column}.comment-avatar{margin-bottom:8px}}.video-card{cursor:pointer;margin-bottom:16px}.video-card.horizontal{display:flex;gap:8px;margin-bottom:12px}.thumbnail-container{border-radius:12px;overflow:hidden;position:relative;width:100%}.video-card.horizontal .thumbnail-container{flex-shrink:0;width:168px}.video-thumbnail{aspect-ratio:16/9;background-color:#f2f2f2;height:auto;object-fit:cover;width:100%}.video-duration{background-color:#000c;border-radius:4px;bottom:8px;color:#fff;font-size:12px;font-weight:500;padding:2px 4px;position:absolute;right:8px}.video-info{display:flex;gap:12px;margin-top:12px}.video-card.horizontal .video-info{flex-direction:column;gap:4px;margin-top:0}.video-details{flex:1 1}.video-title{-webkit-box-orient:vertical;display:-webkit-box;margin:0 0 4px;overflow:hidden}.video-card.horizontal .video-title,.video-title{-webkit-line-clamp:2;font-size:14px}.channel-avatar img{border-radius:50%;height:36px;object-fit:cover;width:36px}.video-card.horizontal .channel-avatar{display:none}.channel-name{color:#606060;margin-bottom:4px}.channel-name,.video-meta{font-size:13px}@media (max-width:768px){.video-card.horizontal .thumbnail-container{width:120px}}.video-page{background-color:#f9f9f9;display:flex;gap:24px;max-width:100%;min-height:100vh;padding:24px}.video-container{flex:1 1;max-width:1280px}.related-videos{flex-shrink:0;width:402px}.video-player{background-color:#000;border-radius:12px;margin-bottom:16px;overflow:hidden;position:relative;width:100%}.video-player video{display:block;height:auto;max-height:70vh;width:100%}.video-info{margin-bottom:16px}.video-title{color:#0f0f0f;font-size:18px;font-weight:500;line-height:1.4;margin:0 0 12px}.video-meta{color:#606060;font-size:14px;gap:12px;margin-bottom:16px}.video-actions,.video-meta{align-items:center;display:flex}.video-actions{border-bottom:1px solid #e5e5e5;gap:8px;padding-bottom:16px}.action-btn{align-items:center;background:none;border:none;border-radius:18px;color:#606060;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:background-color .2s}.action-btn:hover{background-color:#f2f2f2}.action-btn.active{color:#065fd4}.action-btn svg{font-size:20px}.channel-info{border-bottom:1px solid #e5e5e5;justify-content:space-between;padding:16px 0}.channel-details,.channel-info{align-items:center;display:flex}.channel-details{gap:12px}.channel-avatar{border-radius:50%;height:48px;object-fit:cover;width:48px}.channel-text{display:flex;flex-direction:column}.channel-name{align-items:center;color:#0f0f0f;display:flex;font-weight:500;gap:4px}.verified-icon{color:#065fd4;font-size:14px}.channel-subscribers{color:#606060;font-size:14px}.subscribe-btn{background-color:#c00;border:none;border-radius:18px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s}.subscribe-btn:hover{background-color:#a10000}.subscribe-btn.subscribed{background-color:#f2f2f2;color:#606060}.subscribe-btn.subscribed:hover{background-color:#e5e5e5}.video-description{border-bottom:1px solid #e5e5e5;margin-bottom:16px;padding:16px 0}.description-text{color:#0f0f0f;font-size:14px;line-height:1.6;white-space:pre-line}.description-text.collapsed{max-height:60px;overflow:hidden}.description-text.expanded{max-height:none}.show-more-btn{background:none;border:none;color:#606060;cursor:pointer;font-size:14px;font-weight:500;margin-top:8px}.show-more-btn:hover{color:#0f0f0f}.video-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.video-tag{color:#065fd4;font-size:14px;text-decoration:none}.video-tag:hover{color:#0549a9}.related-videos{display:flex;flex-direction:column;gap:16px}.related-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.related-header h3{color:#0f0f0f;font-size:16px;font-weight:500;margin:0}.autoplay-toggle{align-items:center;color:#606060;display:flex;font-size:13px;gap:8px}.switch{display:inline-block;height:20px;position:relative;width:36px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;width:14px}input:checked+.slider{background-color:#065fd4}input:checked+.slider:before{transform:translateX(16px)}.related-footer{border-top:1px solid #e5e5e5;display:flex;gap:16px;margin-top:16px;padding-top:16px}.related-action-btn{align-items:center;background:none;border:none;border-radius:18px;color:#606060;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:background-color .2s}.related-action-btn:hover{background-color:#f2f2f2}.related-action-btn svg{font-size:18px}.video-error,.video-loading{align-items:center;color:#606060;display:flex;font-size:18px;height:50vh;justify-content:center}@media (max-width:1200px){.video-page{flex-direction:column}.related-videos{margin-top:24px;width:100%}}@media (max-width:768px){.video-page{padding:16px}.video-title{font-size:16px}.video-actions{overflow-x:auto;padding-bottom:12px}.action-btn{font-size:13px;padding:6px 12px}.action-btn span{display:none}.channel-info{align-items:flex-start;flex-direction:column;gap:12px}.subscribe-btn{align-self:flex-end}}.my-videos-container{margin:auto;max-width:1200px;padding:20px}.my-videos-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.my-videos-header h1{font-size:28px;font-weight:700}.upload-button{background:#c00;border-radius:20px;color:#fff;font-weight:600;padding:10px 16px;text-decoration:none;transition:.3s}.upload-button:hover{background:red}.videos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.video-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:.3s}.video-card:hover{transform:translateY(-4px)}.thumbnail-wrapper{position:relative}.thumbnail{border-bottom:1px solid #eee;display:block;width:100%}.duration{background:#000000bf;border-radius:4px;bottom:8px;color:#fff;font-size:12px;padding:2px 6px;position:absolute;right:8px}.video-details{padding:12px}.video-details .title{font-size:16px;font-weight:600;margin:0 0 8px}.video-details .description{color:#555;font-size:14px;margin:0 0 8px}.video-details .meta{color:#777;font-size:13px}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;margin-top:8px;padding:4px 10px}.status-badge.enabled{background:#d4f8d4;color:#1e7d1e}.status-badge.disabled{background:#fddddd;color:#a30000}.actions{border-top:1px solid #eee;display:flex;justify-content:space-around;padding:10px}.btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 12px;transition:.3s}.btn.edit{background:#e6f0ff;color:#0056d6}.btn.view{background:#eafbea;color:#1e7d1e}.btn.delete{background:#ffeaea;color:#a30000}.btn.enable{background:#d4f8d4;color:#1e7d1e}.btn.disable{background:#fddddd;color:#a30000}.btn:hover{opacity:.8}.upload-video-page{background-color:#f9f9f9;min-height:100vh;padding:24px}.upload-container{border-radius:12px;margin:0 auto;max-width:900px;padding:32px}.upload-header{margin-bottom:24px;text-align:center}.upload-title{align-items:center;color:#0f0f0f;display:flex;gap:12px;justify-content:center;margin-bottom:8px}.title-icon{color:red;font-size:32px}.upload-divider{margin:24px 0}.upload-stepper{margin-bottom:32px}.upload-form{display:flex;flex-direction:column;gap:24px}.upload-section{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:24px}.section-title{align-items:center;color:#0f0f0f;display:flex;gap:8px;margin-bottom:16px}.file-drop-zone,.thumbnail-drop-zone{align-items:center;border:2px dashed #dadce0;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:200px;padding:32px;text-align:center;transition:all .3s ease}.file-drop-zone:hover,.thumbnail-drop-zone:hover{background-color:#f8f9fa;border-color:#065fd4}.file-drop-zone.empty,.thumbnail-drop-zone.empty{background-color:#f8f9fa}.file-empty-state,.thumbnail-empty-state{align-items:center;display:flex;flex-direction:column;gap:12px}.upload-icon{color:#5f6368;font-size:48px}.browse-button{margin-top:16px}.file-preview{align-items:center;display:flex;gap:16px;position:relative;width:100%}.video-preview-container{background-color:#000;border-radius:4px;height:90px;overflow:hidden;width:160px}.video-preview{height:100%;object-fit:cover;width:100%}.file-info{flex:1 1}.remove-button{background-color:#fff;box-shadow:0 2px 4px #0003;position:absolute;right:-8px;top:-8px}.remove-button:hover{background-color:#f5f5f5}.thumbnail-drop-zone{max-width:300px;min-height:120px}.thumbnail-preview{display:inline-block;position:relative}.thumbnail-image{border-radius:4px;height:90px;object-fit:cover;width:160px}.input-icon{color:#5f6368;margin-right:8px}.tags-container{margin-top:16px}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag-chip{background-color:#e3f2fd;color:#1976d2}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.upload-actions{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:24px}.upload-progress{border-radius:4px;height:8px;margin-bottom:8px}.action-buttons{display:flex;gap:16px;justify-content:flex-end}.publish-button{background:linear-gradient(45deg,red,#ff5e5e);min-width:120px}.publish-button:hover{background:linear-gradient(45deg,#c00,#ff5e5e)}.review-container{padding:16px}.review-video{display:flex;gap:24px}.review-video-player{flex:1 1;max-width:400px}.review-player{background-color:#000;border-radius:8px;width:100%}.review-details{flex:2 1}.review-meta{margin-top:16px}.meta-item{margin-bottom:12px}.meta-item strong{color:#606060;display:inline-block;min-width:80px}@media (max-width:900px){.upload-container{margin:16px;padding:24px}.form-row{grid-template-columns:1fr}.review-video{flex-direction:column}.review-video-player{max-width:100%}}@media (max-width:600px){.upload-container,.upload-video-page{padding:16px}.file-preview{text-align:center}.action-buttons,.file-preview{flex-direction:column}.file-drop-zone,.thumbnail-drop-zone{padding:24px}}
/*# sourceMappingURL=main.e64f5461.css.map*/