.badge{font-family:var(--font-sans);font-weight:var(--font-medium);border-radius:var(--radius-full);white-space:nowrap;transition:all var(--transition-fast);align-items:center;gap:4px;line-height:1;display:inline-flex}.badge--sm{padding:2px 8px;font-size:10px}.badge--md{font-size:var(--text-xs);padding:4px 12px}.badge--success{color:#166534;background:#dcfce7}.badge--warning{color:#92400e;background:#fef3c7}.badge--error{color:#991b1b;background:#fee2e2}.badge--info{color:#1e40af;background:#dbeafe}.badge--neutral{background:var(--gray-100);color:var(--gray-600)}.badge--gold{background:var(--gold-100);color:var(--gold-700)}.badge__dot{border-radius:var(--radius-full);background:currentColor;flex-shrink:0;width:6px;height:6px}
.card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid #fffc;overflow:hidden}.card--elevated{box-shadow:var(--shadow-md)}.card--elevated:hover{box-shadow:var(--shadow-lg)}.card--interactive{cursor:pointer}.card--interactive:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light);transform:translateY(-4px)}.card--interactive:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.card__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.card__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);font-family:var(--font-sans)}.card__header-action{color:var(--primary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;text-decoration:none}.card__header-action:hover{color:var(--primary-dark)}.card__body{padding:var(--space-5)}.card__body--flush{padding:0}.card__footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);background:#f3f5f980}.card--padded>.card__body{padding:var(--space-6)}.card[data-animate]{opacity:0;animation:fadeInUp var(--transition-base) forwards}.card[data-animate="1"]{animation-delay:0s}.card[data-animate="2"]{animation-delay:60ms}.card[data-animate="3"]{animation-delay:.12s}.card[data-animate="4"]{animation-delay:.18s}.card[data-animate="5"]{animation-delay:.24s}.card[data-animate="6"]{animation-delay:.3s}.card[data-animate="7"]{animation-delay:.36s}.card[data-animate="8"]{animation-delay:.42s}@media (max-width:768px){.card__header{padding:var(--space-3) var(--space-4)}.card__body{padding:var(--space-4)}.card__footer{padding:var(--space-3) var(--space-4)}.card--padded>.card__body{padding:var(--space-4)}}