.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:3rem 1.5rem;display:flex}.error-state.compact{min-height:200px;padding:2rem 1rem}.error-state-icon{background:linear-gradient(135deg, var(--danger-bg-light) 0%, var(--danger-bg) 100%);width:80px;height:80px;color:var(--danger-color);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.error-state.compact .error-state-icon{width:60px;height:60px;margin-bottom:1rem}.error-state-title{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:.5rem;font-weight:600}.error-state.compact .error-state-title{font-size:var(--text-base)}.error-state-description{font-size:var(--text-md);color:var(--text-secondary);max-width:320px;margin-bottom:1.5rem;line-height:1.5}.error-state.compact .error-state-description{font-size:var(--text-sm);margin-bottom:1rem}.error-state-retry{background:var(--primary-color);color:#fff;font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-default);border:none;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:inline-flex}.error-state-retry:hover{background:var(--primary-hover);box-shadow:var(--elevation-primary);transform:translateY(-1px)}.error-state.compact .error-state-retry{font-size:var(--text-sm);padding:.625rem 1rem}