.error-boundary{min-height:100vh;padding:var(--space-8);background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);justify-content:center;align-items:center;display:flex}.error-boundary__container{text-align:center;max-width:600px;padding:var(--space-12);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:#fff}.error-boundary__icon{width:80px;height:80px;margin:0 auto var(--space-6);color:var(--clr-error,#dc2626)}.error-boundary__icon svg{width:100%;height:100%}.error-boundary__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--clr-primary);margin-bottom:var(--space-4)}.error-boundary__message{font-size:var(--font-size-lg);color:var(--clr-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-8)}.error-boundary__actions{gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}.error-boundary__button{padding:var(--space-3)var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-family:inherit}.error-boundary__button--primary{background-color:var(--clr-primary);color:#fff}.error-boundary__button--primary:hover{background-color:var(--clr-primary-hover,#1e2638);box-shadow:var(--shadow-md);transform:translateY(-1px)}.error-boundary__button--secondary{color:var(--clr-primary);border:2px solid var(--clr-primary);background-color:#fff}.error-boundary__button--secondary:hover{background-color:var(--clr-primary);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.error-boundary__contact{font-size:var(--font-size-sm);color:var(--clr-text-tertiary);margin-top:var(--space-6)}.error-boundary__link{color:var(--clr-primary);transition:color var(--transition-fast);text-decoration:underline}.error-boundary__link:hover{color:var(--clr-secondary)}.error-boundary__details{margin-top:var(--space-8);text-align:left;padding:var(--space-4);border-radius:var(--radius-md);background:#f8f9fa;border:1px solid #e9ecef}.error-boundary__details summary{cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--clr-primary);-webkit-user-select:none;user-select:none}.error-boundary__details summary:hover{color:var(--clr-secondary)}.error-boundary__stack{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:#495057;white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid #dee2e6;line-height:1.5;overflow-x:auto}.error-boundary__stack strong{color:var(--clr-error,#dc2626);margin-bottom:var(--space-2);display:block}@media (max-width:767px){.error-boundary{padding:var(--space-4)}.error-boundary__container{padding:var(--space-8)}.error-boundary__icon{width:60px;height:60px}.error-boundary__title{font-size:var(--font-size-2xl)}.error-boundary__message{font-size:var(--font-size-base)}.error-boundary__actions{flex-direction:column}.error-boundary__button{width:100%}}