.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:10000;transition:opacity 0.3s}.loading-overlay.active{display:flex}.loading-spinner{text-align:center;background:white;padding:30px 40px;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.2)}.loading-text{color:#666;font-size:14px;font-weight:500}.skeleton-line{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px;margin:4px 0}.skeleton-line.skeleton-title{height:24px;width:60%}.skeleton-line.skeleton-text{height:14px;width:100%}.skeleton-line.skeleton-text-short{height:14px;width:70%}.skeleton-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.skeleton-card{background:white;border-radius:8px;padding:20px;margin-bottom:16px}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.btn-loading{position:relative;pointer-events:none;opacity:0.7}.btn-loading::after{content:'';position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:spin 0.6s linear infinite}.spinner-inline{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:spin 0.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.container-loading{position:relative;pointer-events:none}.container-loading::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.8);z-index:10}.container-loading::after{content:'';position:absolute;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px;border:4px solid #f3f3f3;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;z-index:11}.global-progress-bar{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;background:transparent}.global-progress-bar .progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#06b6d4);transition:width 0.3s ease}.page-loading{opacity:0.5;pointer-events:none;transition:opacity 0.3s}.loading-dots::after{content:'';animation:loading-dots 1.5s infinite}@keyframes loading-dots{0%,20%{content:'.'}40%{content:'..'}60%,100%{content:'...'}}.pulse-loading{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.shimmer{background:linear-gradient(90deg,#f0f0f0 0%,#f8f8f8 50%,#f0f0f0 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.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,0.3),transparent);animation:card-loading 1.5s infinite;z-index:1}@keyframes card-loading{0%{left:-100%}100%{left:100%}}@media (max-width:768px){.loading-spinner{padding:20px 30px}.loading-text{font-size:13px}}@media (prefers-color-scheme:dark){.loading-spinner{background:#2d2d2d;color:#f0f0f0}.loading-text{color:#ccc}.skeleton-line,.skeleton-avatar{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%);background-size:200% 100%}}@media (prefers-reduced-motion:reduce){.loading-overlay,.skeleton-line,.skeleton-avatar,.spinner-border,.progress-bar-animated{animation:none !important;transition:none !important}}