.user-header{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-2xl);background:var(--bg-card);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);text-align:center;}
.user-avatar-large{width:150px;height:150px;border-radius:50%;overflow:hidden;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);border:4px solid var(--primary-color);box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.user-avatar-large img{width:100%;height:100%;object-fit:cover;}
.user-avatar-large .icon{width:70px;height:70px;color:var(--text-meta);}
.user-name-large{font-size:var(--font-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm);}
.user-bio{max-width:600px;color:var(--text-secondary);font-size:var(--font-md);line-height:1.6;margin-bottom:var(--spacing-lg);}
.user-stats-large{display:flex;gap:var(--spacing-2xl);margin-top:var(--spacing-lg);}
.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);}
.stat-number{font-size:var(--font-2xl);font-weight:700;color:var(--primary-color);}
.stat-label{font-size:var(--font-sm);color:var(--text-meta);text-transform:uppercase;letter-spacing:0.5px;}
.user-content-section{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;}
.user-tabs{display:flex;border-bottom:2px solid var(--border-primary);background:var(--bg-secondary);}
.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;color:var(--text-secondary);font-size:var(--font-md);font-weight:500;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);position:relative;}
.tab-btn:hover{background:var(--bg-hover);color:var(--text-primary);}
.tab-btn.active{color:var(--primary-color);background:var(--bg-card);}
.tab-btn.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--primary-color);}
.tab-btn .icon{width:18px;height:18px;}
.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 6px;background:var(--primary-color);color:#fff;font-size:var(--font-xs);font-weight:600;border-radius:10px;}
.tab-content{display:none;padding:var(--spacing-2xl);animation:fadeIn 0.3s ease-in-out;}
.tab-content.active{display:block;}
.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);color:var(--text-meta);margin-top:16px;}
.empty-state .icon{width:76px;height:76px;margin-bottom:var(--spacing-lg);opacity:0.7;}
.empty-state h3{color:var(--text-primary);font-size:var(--font-xl);font-weight:600;margin:0 0 var(--spacing-sm) 0;}
.empty-state p{font-size:var(--font-lg);margin:0;color:var(--text-secondary);}
.activity-timeline{display:flex;flex-direction:column;gap:var(--spacing-lg);}
.activity-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);transition:background var(--transition-fast);}
.activity-item:hover{background:var(--bg-hover);}
.activity-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;border-radius:50%;}
.activity-icon .icon{width:20px;height:20px;}
.activity-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);}
.activity-text{color:var(--text-primary);font-size:var(--font-md);line-height:1.5;}
.activity-text a{color:var(--primary-color);text-decoration:none;font-weight:500;}
.activity-text a:hover{text-decoration:underline;}
.activity-time{color:var(--text-meta);font-size:var(--font-xs);}
.user-about-info{display:flex;flex-direction:column;gap:var(--spacing-2xl);}
.about-section{padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-primary);}
.about-section:last-child{border-bottom:none;padding-bottom:0;}
.about-section h3{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);}
.about-section h3 .icon{width:20px;height:20px;}
.about-section p{color:var(--text-secondary);font-size:var(--font-md);line-height:1.8;margin:0;}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);}
.stat-box{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-md);transition:opacity var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);}
.stat-box:hover{background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.stat-icon{flex-shrink:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-color-hover));color:#fff;border-radius:var(--radius-md);}
.stat-icon .icon{width:26px;height:26px;}
.stat-info{flex:1;}
.stat-value{font-size:var(--font-2xl);font-weight:700;color:var(--text-primary);line-height:1.2;}
.stat-label{font-size:var(--font-sm);color:var(--text-meta);margin-top:2px;}
.info-list{display:flex;flex-direction:column;gap:var(--spacing-sm);}
.info-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-primary);}
.info-item:last-child{border-bottom:none;}
.info-label{color:var(--text-meta);font-size:var(--font-sm);font-weight:500;}
.info-value{color:var(--text-primary);font-size:var(--font-sm);font-weight:600;}
.video-manage-list{display:flex;flex-direction:column;gap:var(--spacing-lg);}
.video-manage-item{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:opacity var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);align-items:flex-start;}
.video-manage-item:hover{border-color:#444;box-shadow:0 4px 12px rgba(0,0,0,0.1);transform:translateY(-2px);}
.video-thumbnail-small{position:relative !important;flex-shrink:0;width:200px;height:112px;border-radius:var(--radius-md);overflow:visible !important;background:var(--bg-secondary);}
.video-thumbnail-small a{display:block !important;width:100% !important;height:100% !important;position:relative !important;overflow:hidden !important;border-radius:var(--radius-md) !important;}
.video-thumbnail-small img{width:100%;height:100%;object-fit:cover;aspect-ratio:16 / 9;transition:transform var(--transition-normal);}
.video-manage-item:hover .video-thumbnail-small img{transform:scale(1.05);}
.video-thumbnail-small .placeholder{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-meta);}
.video-thumbnail-small .placeholder .icon{width:48px;height:48px;}
.video-thumbnail-small .video-duration{position:absolute !important;bottom:6px !important;left:auto !important;right:6px !important;padding:2px 8px !important;background:rgba(0,0,0,0.85) !important;color:#fff !important;font-size:11px !important;border-radius:3px !important;font-weight:600 !important;line-height:1.3 !important;white-space:nowrap !important;width:auto !important;min-width:0 !important;max-width:none !important;text-align:center !important;pointer-events:none !important;letter-spacing:0.5px !important;z-index:10 !important;display:inline-block !important;flex:none !important;flex-grow:0 !important;flex-shrink:0 !important;flex-basis:auto !important;box-sizing:content-box !important;}
.video-manage-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0;}
.video-title-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:nowrap;}
.video-manage-info .video-title{font-size:var(--font-lg);font-weight:600;margin:0;line-height:1.4;flex:1;min-width:0;}
.video-manage-info .video-title{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left;}
.video-manage-info .video-title:hover{color:var(--primary-color);}
.video-manage-info .video-meta{display:grid;grid-template-columns:repeat(3,auto);gap:var(--spacing-sm) var(--spacing-md);color:var(--text-meta);font-size:var(--font-sm);align-items:start;}
.video-manage-info .video-meta span{display:flex;align-items:center;gap:4px;white-space:nowrap;}
.video-manage-info .video-meta .icon{width:14px;height:14px;flex-shrink:0;}
.video-manage-info .video-meta span:nth-child(4){grid-column:1;}
.video-title-row .video-title{display:flex !important;align-items:flex-start !important;gap:8px !important;text-decoration:none !important;}
.video-title-row .video-status{flex-shrink:0;padding-top:2px;}
.video-title-row .video-title h3{flex:1;min-width:0;word-wrap:break-word;overflow-wrap:break-word;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:8px;margin:0;font-size:var(--font-lg);font-weight:600;line-height:1.4;}
.status-badge{display:inline-flex;align-items:center;padding:4px 10px;margin-top:2px;font-size:10px;font-weight:700;border-radius:12px;text-transform:uppercase;letter-spacing:0.5px;line-height:1;}
.status-badge.status-published{background:rgba(34,197,94,0.1);color:#22c55e;}
.status-badge.status-draft{background:rgba(156,163,175,0.1);color:#9ca3af;}
.status-badge.status-reviewing{background:rgba(249,115,22,0.1);color:#f97316;}
.status-badge.status-rejected{background:rgba(239,68,68,0.1);color:#ef4444;}
.video-manage-actions{flex-shrink:0;display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:100px;}
.video-manage-actions .btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap;}
.video-manage-actions .btn .icon{width:16px;height:16px;}
.video-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);}
.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-primary);}
.page-title{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-2xl);font-weight:700;color:var(--text-primary);margin:0;}
.page-title .icon{width:32px;height:32px;color:var(--primary-color);}
.section-actions{display:flex;align-items:center;gap:var(--spacing-lg);}
.total-count{color:var(--text-meta);font-size:var(--font-md);font-weight:500;}
.video-section .empty-state{padding:var(--spacing-3xl) var(--spacing-2xl);text-align:center;}
.video-section .empty-state h3{font-size:var(--font-xl);color:var(--text-primary);margin:var(--spacing-lg) 0 var(--spacing-sm) 0;}
.video-section .empty-state p{color:var(--text-secondary);font-size:var(--font-md);margin-bottom:var(--spacing-xl);}
.video-section .empty-state .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--font-md);font-weight:600;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-hover) 100%);color:#fff;border:none;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(255,102,0,0.3);cursor:pointer;position:relative;overflow:hidden;transform:translateY(0);transition:opacity var(--transition-normal),transform var(--transition-normal),background-color var(--transition-normal),color var(--transition-normal);}
.video-section .empty-state .btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left var(--transition-slow);}
.video-section .empty-state .btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(255,102,0,0.4);}
.video-section .empty-state .btn:hover::before{left:100%;}
.video-section .empty-state .btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(255,102,0,0.3);}
.video-section .empty-state .btn .icon{width:19px;height:19px;flex-shrink:0;margin-bottom:1px;transition:transform var(--transition-fast);}
.video-section .empty-state .btn:hover .icon{transform:translateX(3px);}
@media (max-width:768px){.video-section .empty-state .btn{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-sm);}
}
@media (max-width:480px){.video-section .empty-state .btn{width:100%;max-width:280px;}
}
@media (max-width:768px){.user-avatar-large{width:120px;height:120px;}
.user-avatar-large .icon{width:50px;height:50px;}
.user-name-large{font-size:var(--font-xl);}
.user-stats-large{gap:var(--spacing-lg);}
.stat-number{font-size:var(--font-xl);}
.user-tabs{flex-wrap:wrap;}
.tab-btn{flex:1 1 33.333%;min-width:120px;}
.tab-btn span:not(.tab-count){display:none;}
.tab-content{padding:var(--spacing-lg);}
.stats-grid{grid-template-columns:1fr;}
.video-manage-item{flex-direction:column;gap:var(--spacing-md);}
.video-thumbnail-small{width:100%;height:auto;aspect-ratio:16 / 9;}
.video-manage-actions{flex-direction:row;width:100%;min-width:auto;}
.video-manage-info .video-meta{grid-template-columns:repeat(2,auto);gap:var(--spacing-xs) var(--spacing-sm);font-size:11px;}
.video-manage-info .video-meta .icon{width:12px;height:12px;}
.video-manage-info .video-meta span:nth-child(3){grid-column:1;}
.video-manage-info .video-meta span:nth-child(4){grid-column:auto;}
.section-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start;}
.section-actions{width:100%;flex-direction:column;align-items:stretch;}
.section-actions .btn{width:100%;}
}
@media (max-width:480px){.user-header{padding:var(--spacing-lg);}
.user-avatar-large{width:100px;height:100px;border-width:3px;}
.user-avatar-large .icon{width:40px;height:40px;}
.user-stats-large{gap:var(--spacing-md);}
.tab-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-sm);}
.activity-item{flex-direction:column;}
.activity-icon{width:36px;height:36px;}
.stat-box{padding:var(--spacing-md);}
.stat-icon{width:40px;height:40px;}
.stat-value{font-size:var(--font-xl);}
.video-manage-info .video-meta{grid-template-columns:repeat(2,1fr);gap:6px 8px;font-size:10px;}
.video-manage-info .video-meta .icon{width:11px;height:11px;}
.video-manage-info .video-meta span:nth-child(3),.video-manage-info .video-meta span:nth-child(4){grid-column:auto;}
}
.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);display:none;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn 0.2s ease-out;}
.modal-overlay.active{display:flex;}
.modal-dialog{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:0 20px 60px rgba(0,0,0,0.4);max-width:450px;width:100%;overflow:hidden;transform:scale(0.9) translateY(-20px);opacity:0;transition:opacity 0.3s cubic-bezier(0.34,1.56,0.64,1),transform 0.3s cubic-bezier(0.34,1.56,0.64,1),background-color 0.3s cubic-bezier(0.34,1.56,0.64,1),color 0.3s cubic-bezier(0.34,1.56,0.64,1);}
.modal-overlay.active .modal-dialog{transform:scale(1) translateY(0);opacity:1;}
.modal-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--border-primary);}
.modal-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(239,68,68,0.1);border-radius:50%;}
.modal-icon .icon{width:24px;height:24px;color:#ef4444;}
.modal-title-group{flex:1;min-width:0;}
.modal-title{font-size:var(--font-lg);font-weight:700;color:var(--text-primary);margin:0 0 4px 0;line-height:1.3;}
.modal-subtitle{font-size:var(--font-sm);color:var(--text-meta);margin:0;}
.modal-body{padding:var(--spacing-xl);}
.modal-message{color:var(--text-secondary);font-size:var(--font-md);line-height:1.6;margin-bottom:var(--spacing-md);}
.modal-video-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--primary-color);}
.modal-video-info .icon{width:20px;height:20px;color:var(--primary-color);flex-shrink:0;}
.modal-video-title{font-weight:600;color:var(--text-primary);font-size:var(--font-md);word-break:break-word;}
.modal-warning{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-md);background:rgba(239,68,68,0.05);border-radius:var(--radius-md);border:1px solid rgba(239,68,68,0.2);}
.modal-warning .icon{width:18px;height:18px;color:#ef4444;flex-shrink:0;margin-top:2px;}
.modal-warning-text{color:#ef4444;font-size:var(--font-sm);line-height:1.5;font-weight:500;}
.modal-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl);background:#333;}
.modal-footer .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);font-weight:600;border:none;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);}
.modal-footer .btn .icon{width:18px;height:18px;}
.modal-footer .btn-cancel{background:var(--bg-hover);color:var(--text-primary);}
.modal-footer .btn-cancel:hover{background:#3a3a3a;}
[data-theme="light"] .modal-footer .btn-cancel{background:#e5e7eb;color:var(--text-primary);}
[data-theme="light"] .modal-footer .btn-cancel:hover{background:#d1d5db;}
.modal-footer .btn-confirm{background:#ef4444;color:#fff;}
.modal-footer .btn-confirm:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,0.3);}
.modal-footer .btn-confirm:active{transform:translateY(0);}
@media (max-width:480px){.modal-dialog{max-width:100%;margin:0;}
.modal-header{padding:var(--spacing-lg);}
.modal-body{padding:var(--spacing-lg);}
.modal-footer{flex-direction:column;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);}
.modal-footer .btn{width:100%;}
}
#clearHistory{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:1px solid var(--border-primary);color:var(--text-secondary);font-size:var(--font-md);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);position:relative;overflow:hidden;}
#clearHistory::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(239,68,68,0.1) 0%,rgba(220,38,38,0.05) 100%);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal);}
#clearHistory:hover:not(:disabled)::before{transform:scaleX(1);}
#clearHistory:hover:not(:disabled){background:rgba(239,68,68,0.1);border-color:#ef4444;color:#ef4444;transform:translateY(-1px);}
#clearHistory:active{transform:translateY(0);}
#clearHistory .icon{width:16px;height:16px;flex-shrink:0;}
.btn-remove-history{position:absolute;top:8px;left:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(239,68,68,0.95);border:2px solid rgba(255,255,255,0.3);border-radius:50%;color:#fff;cursor:pointer;opacity:0;transform:scale(0.8);transition:opacity var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);z-index:5;}
.video-card:hover .btn-remove-history{opacity:1;transform:scale(1);}
.btn-remove-history:hover{background:rgba(220,38,38,0.95);border-color:rgba(255,255,255,0.5);transform:scale(1.1) rotate(5deg);box-shadow:0 4px 16px rgba(239,68,68,0.4);}
.btn-remove-history:active{transform:scale(0.95);}
.btn-remove-history .icon{width:18px;height:18px;fill:currentColor;}
@media (max-width:768px){.btn-remove-history{opacity:1;transform:scale(1);}
#clearHistory{width:100%;justify-content:center;}
}