.error-state-shared{padding:var(--s-space-9) var(--s-space-6);text-align:center;border-radius:var(--s-radius-lg);border:1px solid var(--border-base);background:linear-gradient(180deg, #ffffff05 0%, #00000003 100%), var(--bg-elevated);flex-direction:column;justify-content:center;align-items:center;animation:.35s both es-fade-up;display:flex;position:relative;box-shadow:0 8px 24px #0000000f}.error-state-shared .error-state-icon-wrap{background:var(--danger-subtle);border:1px solid var(--danger-muted);width:72px;height:72px;margin-bottom:var(--s-space-6);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;animation:.35s 60ms both es-fade-up;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff59}.error-state-shared .error-state-icon{width:32px;height:32px;color:var(--danger);flex-shrink:0}.error-state-shared .error-state-eyebrow{margin-bottom:var(--s-space-2);font-size:var(--s-text-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--danger);font-weight:700;animation:.35s 80ms both es-fade-up;display:block}.error-state-shared .error-state-title{margin:0 0 var(--s-space-4) 0;color:var(--text-primary);letter-spacing:-.035em;font-size:1.75rem;font-weight:800;line-height:1.1;animation:.35s .12s both es-fade-up}.error-state-shared .error-state-message{margin:0 0 var(--s-space-8) 0;font-size:var(--s-text-md);font-weight:var(--s-font-normal);color:var(--text-secondary);max-width:460px;line-height:var(--s-leading-relaxed);animation:.35s .16s both es-fade-up}.error-state-shared .error-state-actions{align-items:center;gap:var(--s-space-4);animation:es-fade-up .35s ease var(--transition-slow) both;display:flex}.error-state-shared .error-state-retry{align-items:center;gap:var(--s-space-2);padding:calc(var(--s-space-2) + 2px) var(--s-space-6);background:var(--accent);color:var(--text-inverse);border-radius:var(--s-radius-lg);font-size:var(--s-text-base);font-weight:var(--s-font-semibold);cursor:pointer;transition:background var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base), border-color var(--transition-base);border:1px solid #0000;display:inline-flex;position:relative}.error-state-shared .error-state-retry:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 8px 18px #0000001f}.error-state-shared .error-state-retry:active{box-shadow:none;transform:translateY(0)}.error-state-shared .error-state-back{padding:calc(var(--s-space-2) + 2px) var(--s-space-6);font-size:var(--s-text-base);font-weight:var(--s-font-medium);color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:var(--s-radius-lg);transition:all var(--transition-base);background:0 0;align-items:center;text-decoration:none;display:inline-flex}.error-state-shared .error-state-back:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-elevated);transform:translateY(-1px)}.error-state-shared .error-state-action{padding:calc(var(--s-space-2) + 2px) var(--s-space-6);font-size:var(--s-text-base);font-weight:var(--s-font-medium);color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:var(--s-radius-lg);cursor:pointer;transition:all var(--transition-base);background:0 0;align-items:center;display:inline-flex}.error-state-shared .error-state-action:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-elevated);transform:translateY(-1px)}.error-state-shared.compact{padding:var(--s-space-7) var(--s-space-5);box-shadow:none}.error-state-shared.compact .error-state-icon-wrap{width:52px;height:52px;margin-bottom:var(--s-space-4);border-radius:14px}.error-state-shared.compact .error-state-icon{width:24px;height:24px}.error-state-shared.compact .error-state-eyebrow{font-size:.625rem}.error-state-shared.compact .error-state-title{font-size:var(--s-text-xl);letter-spacing:-.02em;font-weight:700}.error-state-shared.compact .error-state-message{font-size:var(--s-text-sm);font-weight:var(--s-font-normal);margin-bottom:var(--s-space-6)}