.card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:18px;transition:all .2s;overflow:hidden}.card-overflow-visible{overflow:visible}.card-hover{cursor:pointer}.card-hover:hover,.card-hover:focus-visible,.card-hover:focus-within{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 16px 34px #0000002e}.card-header{border-bottom:1px solid color-mix(in srgb, var(--border-primary) 42%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.card-body{padding:1.5rem}.card-footer{border-top:1px solid color-mix(in srgb, var(--border-primary) 42%, transparent);background:color-mix(in srgb, var(--bg-secondary) 18%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}