.error-boundary{display:flex;justify-content:center;align-items:center;min-height:400px;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;margin:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.error-boundary-content{text-align:center;max-width:500px}.error-boundary h2{color:#dc2626;font-size:1.5rem;margin-bottom:1rem;font-weight:600}.error-boundary p{color:#6b7280;margin-bottom:1.5rem;line-height:1.6}.error-details{margin:1.5rem 0;text-align:left;background:#f9fafb;border-radius:8px;padding:1rem;border:1px solid #e5e7eb}.error-details summary{cursor:pointer;color:#374151;font-weight:500;margin-bottom:.5rem}.error-details pre{background:#1f2937;color:#f9fafb;padding:.75rem;border-radius:6px;font-size:.875rem;overflow-x:auto;margin:.5rem 0}.error-reload-btn{background:#3b82f6;color:white;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s;display:inline-flex;align-items:center;gap:.5rem}.error-reload-btn:hover{background:#2563eb}.error-reload-btn:active{background:#1d4ed8}@media (max-width:768px){.error-boundary{margin:1rem;padding:1rem}.error-boundary h2{font-size:1.25rem}.error-details pre{font-size:.75rem}}