.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:9999;backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:all .3s ease}.loading-overlay.show{opacity:1;visibility:visible}.loading-content{text-align:center;color:#fff}.loading-content p{margin-top:1rem;font-size:1.1rem;font-weight:500}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite;position:relative}.spinner:after{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-top:2px solid #8b5cf6;border-radius:50%;animation:spin 2s linear infinite reverse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-loading{position:relative;overflow:hidden;pointer-events:none;opacity:.8}.btn-loading:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;z-index:1}.btn-loading .btn-text{opacity:0}.progress-bar{width:100%;height:8px;background:#fff3;border-radius:10px;overflow:hidden;position:relative;margin:1rem 0}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#06b6d4);background-size:200% 100%;border-radius:10px;transition:width .3s ease;animation:shimmer 2s ease-in-out infinite;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressShine 1.5s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-loader{padding:1rem}.video-skeleton{display:flex;gap:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1rem;background:#fff}.video-skeleton-thumbnail{width:120px;height:80px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;border-radius:8px;animation:skeleton-loading 1.5s ease-in-out infinite}.video-skeleton-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.video-skeleton-title{height:20px;width:60%;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;border-radius:4px;animation:skeleton-loading 1.5s ease-in-out infinite}.video-skeleton-meta{height:16px;width:40%;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;border-radius:4px;animation:skeleton-loading 1.5s ease-in-out infinite;animation-delay:.2s}.video-skeleton-actions{height:16px;width:30%;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;border-radius:4px;animation:skeleton-loading 1.5s ease-in-out infinite;animation-delay:.4s}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.upload-progress{text-align:center;padding:2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border:2px dashed #cbd5e1;margin:1rem 0}.upload-progress .progress-bar{max-width:300px;margin:1rem auto;background:#6366f11a}.upload-progress .progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);box-shadow:0 0 20px #6366f14d}#progressText{font-weight:600;color:#6366f1;margin-top:1rem;font-size:1.1rem}.card-loading{position:relative;overflow:hidden}.card-loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:cardShine 1.5s ease-in-out infinite}@keyframes cardShine{0%{left:-100%}to{left:100%}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.dots-loading{display:inline-flex;gap:4px;align-items:center}.dots-loading span{width:8px;height:8px;border-radius:50%;background:currentColor;animation:dots-bounce 1.4s ease-in-out infinite both}.dots-loading span:nth-child(1){animation-delay:-.32s}.dots-loading span:nth-child(2){animation-delay:-.16s}.dots-loading span:nth-child(3){animation-delay:0s}@keyframes dots-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.loading-text{position:relative}.loading-text:after{content:"";display:inline-block;width:0;animation:loadingDots 1.5s steps(4,end) infinite}@keyframes loadingDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.spinner-small{width:20px;height:20px;border-width:2px}.spinner-large{width:80px;height:80px;border-width:6px}.section-loading{position:relative;min-height:200px}.section-loading:before{content:"";position:absolute;inset:0;background:#ffffffe6;display:flex;justify-content:center;align-items:center;z-index:10}.section-loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid #e5e7eb;border-top:3px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite;z-index:11}@media(max-width:768px){.spinner{width:40px;height:40px}.loading-content p{font-size:1rem}.video-skeleton{flex-direction:column;gap:.5rem}.video-skeleton-thumbnail{width:100%;height:120px}}@media(prefers-color-scheme:dark){.loading-overlay{background:#000000e6}.skeleton-loader .video-skeleton{background:#1f2937;border-color:#374151}.video-skeleton-thumbnail,.video-skeleton-title,.video-skeleton-meta,.video-skeleton-actions{background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%);background-size:200% 100%}}