.empty-state-component{flex-direction:column;text-align:center;padding:48px 16px;min-height:200px}.empty-state-component,.empty-state-icon{display:flex;align-items:center;justify-content:center}.empty-state-icon{margin-bottom:16px;color:var(--gray-400,#9ca3af)}.empty-state-icon--emoji{font-size:48px;opacity:.6}.empty-state-title{font-size:18px;font-weight:600;color:var(--gray-700,#374151);margin:0 0 8px;line-height:1.4}.empty-state-message{font-size:14px;color:var(--gray-500,#6b7280);margin:0 0 20px;line-height:1.5;max-width:280px}.empty-state-action{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--color-link,#6366f1);color:white;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:background-color .2s ease,transform .2s ease}.empty-state-action:hover{background:var(--color-link-hover,#4f46e5);transform:translateY(-1px)}.empty-state-action:active{transform:translateY(0)}.empty-state-action-arrow{font-size:16px;transition:transform .2s ease}.empty-state-action:hover .empty-state-action-arrow{transform:translateX(4px)}@media (max-width:640px){.empty-state-component{padding:32px 16px;min-height:160px}.empty-state-icon--emoji{font-size:40px}.empty-state-title{font-size:16px}.empty-state-message{font-size:13px}.empty-state-action{padding:10px 20px;font-size:13px}}@media (prefers-reduced-motion:reduce){.empty-state-action,.empty-state-action-arrow{transition:none}}