.error-fallback{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.error-fallback-container{max-width:600px;width:100%;background:#fff;border-radius:12px;padding:3rem 2rem;text-align:center;box-shadow:0 20px 60px #0000004d}.error-fallback-icon{color:#f56565;margin-bottom:1.5rem;display:flex;justify-content:center}.error-fallback-title{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.error-fallback-message{font-size:1.125rem;color:#4a5568;margin-bottom:2rem;line-height:1.6}.error-fallback-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.error-fallback-button{padding:.75rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:inherit}.error-fallback-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.error-fallback-button-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.error-fallback-button-secondary{background:#e2e8f0;color:#2d3748}.error-fallback-button-secondary:hover{background:#cbd5e0}.error-fallback-details{margin-top:2rem;text-align:left;background:#f7fafc;padding:1rem;border-radius:8px;border:1px solid #e2e8f0}.error-fallback-details summary{cursor:pointer;font-weight:600;color:#4a5568;padding:.5rem}.error-fallback-details summary:hover{color:#2d3748}.error-fallback-stack{margin-top:1rem;padding:1rem}.error-fallback-stack strong{display:block;margin-top:1rem;margin-bottom:.5rem;color:#2d3748}.error-fallback-stack pre{background:#fff;padding:1rem;border-radius:4px;overflow-x:auto;font-size:.875rem;color:#e53e3e;border:1px solid #fed7d7;white-space:pre-wrap;word-break:break-word}@media (max-width: 640px){.error-fallback-container{padding:2rem 1.5rem}.error-fallback-title{font-size:1.5rem}.error-fallback-message{font-size:1rem}.error-fallback-actions{flex-direction:column}.error-fallback-button{width:100%}}