.activity-card{background-color:var(--secondary-background-color);border-radius:var(--border-radius-md);padding:var(--spacing-md) var(--spacing-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform 50ms ease,box-shadow 50ms ease;margin-bottom:var(--spacing-xs)}.activity-card:hover{background-color:var(--secondary-background-color-hover)}.activity-header{display:flex;justify-content:space-between;align-items:flex-end;position:relative;padding-right:24px}.activity-header h3{border-bottom:none;padding-bottom:0}.activity-header::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);transition:transform .2s ease}.activity-card.collapsed .activity-header::after{transform:translateY(-50%) rotate(-45deg)}.activity-card.expanded .activity-header::after{transform:translateY(-50%) rotate(45deg)}.activity-card .activity-name{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--text-primary);margin:0;flex:1}.activity-date{font-size:var(--font-size-xs);color:var(--text-secondary);margin-left:var(--spacing-sm)}.activity-details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);overflow:hidden}.activity-card.collapsed .activity-details{max-height:0;opacity:0;margin:0}.activity-card.expanded .activity-details{max-height:500px;opacity:1;margin-top:var(--spacing-sm)}.activity-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:2px}.stat-value{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary)}@media (max-width:768px){.activity-details{grid-template-columns:repeat(2,1fr)}}