.error-boundary-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.error-boundary-content{background:#fff;border-radius:12px;padding:40px;max-width:600px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3);text-align:center}@media(max-width:768px){.error-boundary-content{padding:24px}}.error-icon{font-size:64px;margin-bottom:20px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error-title{color:#1f2937;font-family:Poppins,sans-serif;font-size:32px;font-weight:700;margin-bottom:16px;line-height:1.2}@media(max-width:768px){.error-title{font-size:24px}}.error-message{color:#4b5563;font-family:Inter,sans-serif;font-size:16px;line-height:1.6;margin-bottom:24px}.network-status{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:16px;margin-bottom:24px;text-align:left}.network-status p{margin:8px 0;color:#78350f;font-family:Inter,sans-serif;font-size:14px}.network-status p:first-child{margin-top:0}.network-status p:last-child{margin-bottom:0}.network-status strong{font-weight:600}.error-details-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:24px;text-align:left;word-break:break-all}.error-details-box p{margin:8px 0;color:#374151;font-family:Roboto,monospace;font-size:13px}.error-details-box p:first-child{margin-top:0}.error-details-box p:last-child{margin-bottom:0}.error-details-box strong{font-weight:600;color:#1f2937}.error-id{font-size:14px}.error-digest{font-size:13px;color:#dc2626!important}.error-info-text{color:#6b7280;font-family:Inter,sans-serif;font-size:14px;margin-bottom:24px;line-height:1.6}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.error-actions button{padding:12px 24px;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.error-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.error-actions button:active{transform:translateY(0)}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-tertiary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-tertiary:hover{background:#e5e7eb}.error-stack-details{margin-top:24px;text-align:left;background:#1f2937;border-radius:8px;padding:16px}.error-stack-details summary{color:#f9fafb;font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.error-stack-details summary:hover{color:#fbbf24}.error-stack-details pre{margin-top:16px;color:#f87171;font-family:Roboto Mono,monospace;font-size:12px;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.error-stack-details .error-component-stack{margin-top:16px;border-top:1px solid #374151;padding-top:16px;color:#fbbf24}