.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);text-align:center;min-height:200px;width:100%;max-width:100%;box-sizing:border-box}@media(min-width:640px){.empty-state{padding:var(--spacing-2xl) var(--spacing-lg);min-height:300px}}.empty-state-icon{font-size:3rem;color:var(--muted-foreground);margin-bottom:var(--spacing-md);opacity:.6}@media(min-width:640px){.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}}.empty-state-icon svg{width:3rem;height:3rem;stroke:currentColor;fill:none}@media(min-width:640px){.empty-state-icon svg{width:4rem;height:4rem}}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--foreground);margin:0 0 var(--spacing-sm) 0;max-width:100%;word-wrap:break-word;box-sizing:border-box}@media(min-width:640px){.empty-state-title{font-size:var(--font-size-xl)}}.empty-state-description{font-size:var(--font-size-sm);color:var(--muted-foreground);margin:0 0 var(--spacing-lg) 0;max-width:100%;line-height:var(--line-height-relaxed);word-wrap:break-word;box-sizing:border-box}@media(min-width:640px){.empty-state-description{font-size:var(--font-size-base);max-width:500px}}.empty-state-action{margin-top:var(--spacing-md);width:100%;max-width:100%;box-sizing:border-box}@media(min-width:640px){.empty-state-action{width:auto}}.empty-state.compact{min-height:150px;padding:var(--spacing-lg) var(--spacing-md)}@media(min-width:640px){.empty-state.compact{min-height:200px;padding:var(--spacing-xl) var(--spacing-md)}}.empty-state.compact .empty-state-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}@media(min-width:640px){.empty-state.compact .empty-state-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}}.empty-state.compact .empty-state-title{font-size:var(--font-size-base)}@media(min-width:640px){.empty-state.compact .empty-state-title{font-size:var(--font-size-lg)}}.empty-state.compact .empty-state-description{font-size:var(--font-size-xs)}@media(min-width:640px){.empty-state.compact .empty-state-description{font-size:var(--font-size-sm)}}