.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-6xl) var(--space-3xl);min-height:400px;background:var(--color-bg-glass-lighter);backdrop-filter:var(--blur-sm);border-radius:var(--radius-3xl);border:2px dashed var(--color-border-light);animation:.5s fadeInUp}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state-icon{font-size:5em;margin-bottom:var(--space-2xl);opacity:.9;animation:3s ease-in-out infinite float}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state-title{font-size:var(--font-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-md);max-width:500px}.empty-state-message{font-size:var(--font-lg);color:var(--color-text-muted);margin-bottom:var(--space-3xl);max-width:450px;line-height:var(--leading-relaxed)}.empty-state-actions{display:flex;gap:var(--gap-md);flex-wrap:wrap;justify-content:center}.empty-state-btn{padding:var(--space-md) var(--space-3xl);border-radius:var(--radius-lg);font-weight:var(--font-bold);font-size:var(--font-md);transition:var(--transition-base);cursor:pointer;border:none;text-decoration:none;display:inline-flex;align-items:center;gap:var(--gap-sm)}.empty-state-btn-primary{background:var(--color-primary-gradient);color:#fff;box-shadow:var(--shadow-primary)}.empty-state-btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-primary-lg)}.empty-state-btn-secondary{background:var(--color-bg-glass);color:var(--color-text-primary);border:2px solid var(--color-border-light)}.empty-state-btn-secondary:hover{background:var(--color-bg-glass-light);border-color:var(--color-border-primary-hover);transform:translateY(-2px)}.empty-state-suggestions{margin-top:var(--space-3xl);max-width:600px}.empty-state-suggestions-title{font-size:var(--font-md);color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-weight:var(--font-semibold)}.empty-state-suggestions-list{display:flex;flex-wrap:wrap;gap:var(--gap-sm);justify-content:center}.suggestion-tag{padding:var(--space-sm) var(--space-lg);background:var(--color-bg-glass-light);border:1px solid var(--color-border-lighter);border-radius:var(--radius-xl);font-size:var(--font-sm);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.suggestion-tag:hover{background:var(--color-bg-glass);border-color:var(--color-accent-blue);color:var(--color-accent-blue);transform:translateY(-2px)}.empty-state-no-results{border-color:rgba(240,147,251,.3)}.empty-state-no-results .empty-state-icon{color:var(--color-accent-pink)}.empty-state-no-favorites{border-color:rgba(255,193,7,.3)}.empty-state-no-favorites .empty-state-icon{color:var(--color-accent-warning)}.empty-state-error{border-color:rgba(231,76,60,.3)}.empty-state-error .empty-state-icon{color:var(--color-accent-danger)}.empty-state-welcome{border-color:rgba(79,172,254,.3)}.empty-state-welcome .empty-state-icon{color:var(--color-accent-blue)}.empty-state-illustration{width:200px;height:200px;margin-bottom:var(--space-2xl);opacity:.8}.empty-state-illustration img,.empty-state-illustration svg{width:100%;height:100%;object-fit:contain}.empty-state.compact{min-height:250px;padding:var(--space-4xl) var(--space-2xl)}.empty-state.compact .empty-state-icon{font-size:3em;margin-bottom:var(--space-lg)}.empty-state.compact .empty-state-title{font-size:var(--font-2xl)}.empty-state.compact .empty-state-message{font-size:var(--font-md);margin-bottom:var(--space-2xl)}.empty-state.large{min-height:600px;padding:var(--space-6xl) var(--space-4xl)}.empty-state.large .empty-state-icon{font-size:7em}.empty-state.large .empty-state-title{font-size:var(--font-4xl)}.empty-state-tips{margin-top:var(--space-3xl);padding:var(--space-2xl);background:var(--color-bg-glass);border-radius:var(--radius-lg);border:1px solid var(--color-border-lightest);max-width:500px}.empty-state-tips-title{font-size:var(--font-md);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--gap-sm)}.empty-state-tips-title::before{content:'💡';font-size:var(--font-xl)}.empty-state-tips-list{list-style:none;padding:0;margin:0;text-align:left}.empty-state-tips-list li{padding:var(--space-sm) 0;color:var(--color-text-secondary);font-size:var(--font-sm);line-height:var(--leading-relaxed);display:flex;align-items:flex-start;gap:var(--gap-sm)}.empty-state-tips-list li::before{content:'•';color:var(--color-accent-blue);font-weight:700;font-size:var(--font-lg)}@media (max-width:768px){.empty-state{padding:var(--space-4xl) var(--space-2xl);min-height:300px}.empty-state-icon{font-size:3.5em}.empty-state-title{font-size:var(--font-2xl)}.empty-state-message{font-size:var(--font-md)}.empty-state-actions{flex-direction:column;width:100%}.empty-state-btn{width:100%;justify-content:center}.empty-state-illustration{width:150px;height:150px}.suggestion-tag{font-size:var(--font-xs);padding:6px 12px}}@keyframes subtleBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.empty-state-icon.bounce{animation:2s ease-in-out infinite subtleBounce}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}.empty-state-icon.pulse{animation:2s ease-in-out infinite pulse}.empty-state-btn:focus-visible,.suggestion-tag:focus-visible{outline:3px solid var(--color-accent-blue);outline-offset:3px}@media (prefers-reduced-motion:reduce){.empty-state-icon{animation:none}.empty-state{animation:.3s fadeIn}@keyframes fadeIn{from{opacity:0}to{opacity:1}}}