.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-10) var(--space-5);gap:var(--space-3)}.empty-state--default{min-height:300px}.empty-state--compact{padding:var(--space-6) var(--space-4);min-height:150px}.empty-state__icon-container{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border:var(--width-border-thick) solid var(--color-black);border-radius:var(--radius-xl);box-shadow:4px 4px 0 var(--color-black);margin-bottom:var(--space-4)}.empty-state__icon-container--primary{background:var(--color-primary-light)}.empty-state__icon-container--mint{background:var(--color-accent-mint)}.empty-state__icon-container--coral{background:var(--color-accent-coral)}.empty-state__icon-container--muted{background:var(--color-bg-subtle)}.empty-state__icon{display:flex;align-items:center;justify-content:center}.empty-state__icon svg{width:48px;height:48px;color:var(--color-black);opacity:1}.empty-state--compact .empty-state__icon-container{width:72px;height:72px;box-shadow:3px 3px 0 var(--color-black);margin-bottom:var(--space-3)}.empty-state--compact .empty-state__icon svg{width:36px;height:36px}.empty-state__title{font-size:var(--text-xl);font-weight:var(--weight-black);color:var(--color-text-primary);margin:0;line-height:1.3;letter-spacing:-.02em}.empty-state--compact .empty-state__title{font-size:var(--text-lg)}.empty-state__subtitle{font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-text-tertiary);margin:0;max-width:280px;line-height:1.4}.empty-state--compact .empty-state__subtitle{font-size:var(--text-small);max-width:240px}.empty-state__cta{margin-top:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--color-primary);color:var(--color-white);border:var(--width-border-thick) solid var(--color-black);border-radius:var(--radius-sm);font-size:var(--text-body);font-weight:var(--weight-bold);cursor:pointer;box-shadow:4px 4px 0 var(--color-black);transition:transform .1s ease,box-shadow .1s ease}.empty-state__cta:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-black)}.empty-state__cta:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-black)}.empty-state--compact .empty-state__cta{margin-top:var(--space-3);padding:var(--space-2) var(--space-4);font-size:var(--text-small)}.empty-state__ghost{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3);animation:emptyGhostFloat 3s ease-in-out infinite}@keyframes emptyGhostFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}