@keyframes spin{to{transform:rotate(1turn)}}.loading-spinner{width:50px;height:50px;border:4px solid #dcdeff;border-top-color:#30f;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:20px}.loading-message{font-size:1.125rem;color:#2d337f;font-weight:500}.error-box{max-width:600px;padding:30px;background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(45,51,127,.08)}[dir=rtl] .error-box{text-align:right}[dir=ltr] .error-box{text-align:left}.error-icon{font-size:3rem;margin-bottom:20px}.error-title{font-size:1.5rem;font-weight:700;color:#ef4444;margin-bottom:10px}.error-message{font-size:1rem;color:#718096;margin-bottom:30px}.error-actions{display:flex;gap:10px}.retry-button{padding:12px 24px;background:#30f;color:#fff;border:none;border-radius:100px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-button:hover{background:#2d337f;transform:translateY(-2px);box-shadow:0 4px 12px rgba(51,0,255,.3)}.back-button{padding:12px 24px;background:#f7fafc;color:#2d337f;border:2px solid #dcdeff;border-radius:100px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease}.back-button:hover{background:#dcdeff}