.empty-state{--empty-py:var(--sp-12);--empty-px:var(--sp-6);--empty-gap:var(--sp-3);--empty-bg:var(--surface-1);--empty-border:var(--border-default);--empty-radius:var(--radius-xl);--empty-icon:var(--text-disabled);--empty-title:var(--text-primary);--empty-text:var(--text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--empty-py) var(--empty-px);background:var(--empty-bg);text-align:center;border:var(--border-w-lg) dashed var(--empty-border);border-radius:var(--empty-radius);gap:var(--empty-gap)}.empty-state-icon{color:var(--empty-icon)}.empty-state-title{font-size:var(--fs-h4);font-weight:var(--fw-bold);color:var(--empty-title)}.empty-state-body{font-size:var(--fs-body);color:var(--empty-text);max-width:var(--container-xs);line-height:var(--lh-normal)}