.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.loading-overlay.active{opacity:1;visibility:visible}.loading-content{background:#fff;padding:2rem 3rem;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;align-items:center;gap:1.5rem;min-width:280px;max-width:400px;transform:scale(.9);transition:transform .3s cubic-bezier(.4,0,.2,1)}.loading-overlay.active .loading-content{transform:scale(1)}.loading-spinner{width:56px;height:56px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.success{border-top-color:#10b981}.loading-spinner.error{border-top-color:#ef4444}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{text-align:center}.loading-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.loading-description{font-size:.875rem;color:#6b7280;line-height:1.5}.loading-dots:after{content:"";animation:loading-dots 1.5s steps(4,end) infinite}@keyframes loading-dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.btn-loading{position:relative;pointer-events:none;opacity:.7}.btn-loading:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.btn-loading ion-icon{opacity:0}.loading-inline{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.loading-inline-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .6s linear infinite}.skeleton{background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-text:last-child{width:60%}.skeleton-card{height:120px}.progress-bar{width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;transition:width .3s ease}.progress-bar-indeterminate{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;animation:progress-indeterminate 1.5s ease-in-out infinite}@keyframes progress-indeterminate{0%{width:0%;margin-left:0%}50%{width:40%;margin-left:30%}to{width:0%;margin-left:100%}}.dark .loading-content{background:#1f2937}.dark .loading-title{color:#f3f4f6}.dark .loading-description{color:#9ca3af}.dark .loading-spinner{border-color:#374151;border-top-color:#60a5fa}.dark .loading-spinner.success{border-top-color:#34d399}.dark .loading-spinner.error{border-top-color:#f87171}.dark .skeleton{background:linear-gradient(90deg,#374151,#4b5563,#374151);background-size:200% 100%}.dark .progress-bar{background:#374151}@media(max-width:768px){.loading-content{padding:1.5rem 2rem;min-width:240px;max-width:320px}.loading-spinner{width:48px;height:48px}.loading-title{font-size:1rem}.loading-description{font-size:.8125rem}}.checkout-processing{position:relative;pointer-events:none;opacity:.6}.checkout-processing:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:inherit}.dark .checkout-processing:after{background:#0006}.pulse-loading{animation:pulse-loading 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-loading{0%,to{opacity:1}50%{opacity:.5}}