.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)}}